#FFCB62 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sunny yellow is bright and saturated, carrying a warm, glowing quality that grabs attention. With high contrast against black text, it works well for small UI elements or calls-to-action that need to pop. Because it is so dominant, use #ffcb62 sparingly as a 10% accent color rather than a large background. Pair it with charcoal gray to ground its intensity and prevent it from feeling overwhelming.
Questions about #ffcb62
What is #ffcb62 in RGB, HSL and CMYK?
In RGB, #ffcb62 is rgb(255, 203, 98), in HSL hsl(40, 100%, 69%) and in CMYK 0%, 20%, 62%, 0%.
What colors pair best with #ffcb62?
Because #ffcb62 is highly saturated and dominant, it works best when grounded by darker, neutral tones. Pairing it with charcoal or deep navy provides necessary contrast, ensuring the yellow acts as a vibrant accent rather than an overwhelming background element.
Is #ffcb62 suitable for large blocks of text?
No, #ffcb62 is far too bright and lacks sufficient contrast against white backgrounds to be used for readable, long-form body text. It is designed specifically for small UI elements like buttons, icons, or notification badges that require immediate user focus.
Is #ffcb62 readable on white or black?
#ffcb62 has a 1.50:1 contrast ratio on white and 13.97: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.