#AF7655 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#af7655 is a dusty, unsaturated orange with strong earthy undertones. Because it feels matte and mellow, it works well as a supporting background tone rather than a dominant color. Pair it with deep charcoal or slate gray to ground its warmth. With a 5.5:1 contrast ratio against black, the hex code #af7655 remains readable for small text, making it a functional choice for UI elements.
Questions about #af7655
What is #af7655 in RGB, HSL and CMYK?
In RGB, #af7655 is rgb(175, 118, 85), in HSL hsl(22, 36%, 51%) and in CMYK 0%, 33%, 51%, 31%.
What colors pair well with #af7655?
Because #af7655 is an unsaturated earthy orange, it pairs best with charcoal or deep slate tones to provide necessary contrast. These dark, cool colors anchor the warmth of #af7655 without overwhelming it, making it perfect for balanced interface backgrounds or branding.
Is #af7655 a good choice for UI text?
The color #af7655 offers a 5.5:1 contrast ratio against black, which makes it readable for small text, but it is better suited as a secondary accent or background element. For primary body text, consider a darker shade to ensure optimal accessibility standards.
Is #af7655 readable on white or black?
#af7655 has a 3.78:1 contrast ratio on white and 5.54:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.