#CF8163 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted terracotta shade adds a warm, earthy tone to design palettes. Because #cf8163 is desaturated, it works effectively as an accent color rather than a full-page background. It pairs well with charcoal grays for a grounded, modern aesthetic. The hex code #cf8163 provides strong contrast for black text, making it a functional choice for readable UI elements and small details.
Questions about #cf8163
What is #cf8163 in RGB, HSL and CMYK?
In RGB, #cf8163 is rgb(207, 129, 99), in HSL hsl(17, 53%, 60%) and in CMYK 0%, 38%, 52%, 19%. Browse more shades of orange with names and hex codes.
What colors pair well with #cf8163 in a design scheme?
#cf8163 works best when balanced against deep neutral tones like charcoal or soft off-whites to ground the warmth. For a more vibrant contrast, pairing it with muted teals or dusty blues creates a natural, complementary aesthetic that feels earthy and balanced.
Does #cf8163 work well for text in user interfaces?
#cf8163 is generally too desaturated and light to serve as primary body text, but it performs excellently as an accent for buttons or icons. Always test this color against dark backgrounds to ensure it meets sufficient contrast ratios for readability requirements.
Is #cf8163 readable on white or black?
#cf8163 has a 3.01:1 contrast ratio on white and 6.97: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.