#CAE278 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This acidic yellow-green carries intense brightness and a distinct chartreuse undertone. Because it can overwhelm a design, use #cae278 as a small accent rather than a dominant background. It pairs well with charcoal or black, maintaining high readability for text. The hex code #cae278 works for gaming UI or energetic marketing graphics where you need immediate visual impact.
Questions about #cae278
What is #cae278 in RGB, HSL and CMYK?
In RGB, #cae278 is rgb(202, 226, 120), in HSL hsl(74, 65%, 68%) and in CMYK 11%, 0%, 47%, 11%.
What colors pair well with #cae278?
Because #cae278 is highly saturated and acidic, it works best when grounded by dark neutrals like charcoal or deep black. Using it against neutral backgrounds ensures the color creates visual impact without overwhelming the overall layout or hurting readability.
Is #cae278 suitable for UI text?
Avoid using #cae278 for small, body-level text because its high brightness and yellow undertones make it difficult to read against most backgrounds. Instead, reserve this shade for interactive elements, highlights, or graphical accents where visibility is high but text legibility is not required.
Is #cae278 readable on white or black?
#cae278 has a 1.43:1 contrast ratio on white and 14.66: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.