#CAA075 Hex Color

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

Hex color #caa075 graphic
A mellow, dusty orange with a distinct ashy undertone, #caa075 creates an approachable and soft aesthetic. Because it is highly unsaturated, it works best as a neutral base rather than a focal point. Pair this hex code with deep charcoal or navy to prevent it from looking washed out. It offers excellent legibility for body text, making it a reliable choice for readable, warm-toned UI designs.

Questions about #caa075

What is #caa075 in RGB, HSL and CMYK?
In RGB, #caa075 is rgb(202, 160, 117), in HSL hsl(30, 45%, 63%) and in CMYK 0%, 21%, 42%, 21%.
What colors pair well with #caa075?
Pair #caa075 with deep charcoal or navy to create strong contrast and keep the shade from appearing washed out. Because it is highly unsaturated, it serves as a sophisticated neutral that balances well against darker, cooler tones.
Is #caa075 suitable for body text?
Yes, #caa075 offers excellent legibility for body text when placed against a high-contrast background. Its soft, warm-toned nature makes it a reliable choice for interfaces where you need readability without the harshness of a pure, saturated color.
Is #caa075 readable on white or black?
#caa075 has a 2.38:1 contrast ratio on white and 8.79: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.