#CAAEA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy orange offers a muted alternative to brighter autumn shades. Because it is highly desaturated, #caaea0 functions best as a supporting neutral rather than a dominant color. Pair it with deep charcoal or slate gray to ground the warmth and prevent a washed-out look. Its hex code is #caaea0, and it provides enough contrast to support small, readable black text in UI designs.
Questions about #caaea0
What is #caaea0 in RGB, HSL and CMYK?
In RGB, #caaea0 is rgb(202, 174, 160), in HSL hsl(20, 28%, 71%) and in CMYK 0%, 14%, 21%, 21%.
What colors pair best with #caaea0?
Because #caaea0 is a highly desaturated and dusty shade, it works best when anchored by high-contrast, cool neutrals like charcoal or slate gray. These darker tones ground the warmth of the orange and prevent the palette from feeling too washed out or flat.
Is #caaea0 suitable for UI design text?
This color is generally too light for body text and should be reserved for decorative UI elements, background sections, or border accents. If you must use #caaea0 for text, ensure it is set against a very dark background to maintain sufficient readability contrast.
Is #caaea0 readable on white or black?
#caaea0 has a 2.08:1 contrast ratio on white and 10.07: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.