#CAE172 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma yellow-green delivers an immediate sense of energy and spontaneity. Because #cae172 is so bright and saturated, it works best as a punchy accent color rather than a primary background. Pair it with deep charcoals to ground the tone, as black text remains highly legible against this hue. Use this hex code sparingly in UI design to highlight calls to action or budget-friendly sale elements.
Questions about #cae172
What is #cae172 in RGB, HSL and CMYK?
In RGB, #cae172 is rgb(202, 225, 114), in HSL hsl(72, 65%, 66%) and in CMYK 10%, 0%, 49%, 12%.
What colors pair best with #cae172 for design projects?
Is #cae172 a good choice for background colors?
Generally, #cae172 is too intense for large-scale backgrounds, as it can cause eye strain and make text difficult to read. Reserve this shade for small, interactive elements like buttons, badges, or notification icons where you need to draw immediate attention.
Is #cae172 readable on white or black?
#cae172 has a 1.44:1 contrast ratio on white and 14.52: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.