#FFC380 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ffc380 graphic
This soft, sunny pastel offers a warm, optimistic glow. Because #ffc380 sits on the lighter end of the orange spectrum, it creates a welcoming background without overwhelming your design. It pairs well with deep teals or muted blues to ground its inherent playfulness. While readable with black text, use it sparingly as a highlight color to avoid washing out other elements on the page.

Questions about #ffc380

What is #ffc380 in RGB, HSL and CMYK?
In RGB, #ffc380 is rgb(255, 195, 128), in HSL hsl(32, 100%, 75%) and in CMYK 0%, 24%, 50%, 0%.
What colors pair best with #ffc380?
This shade anchors beautifully against navy or teal because the cool, dark tones ground the inherent playfulness of the orange. Using a darker neutral like charcoal also creates enough contrast for readable text in web interfaces.
How should I use #ffc380 in my designs?
Apply this color sparingly as a highlight to avoid washing out other elements, as its light saturation can make it difficult to read if used for long-form text. It functions best as an accent button or a soft, optimistic background fill.
Is #ffc380 readable on white or black?
#ffc380 has a 1.57:1 contrast ratio on white and 13.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.