#CF640C Color

#CF640C is rgb(207, 100, 12) in RGB and hsl(27, 89%, 43%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#CF640C

HEX#CF640C

RGBrgb(207, 100, 12)

HSLhsl(27, 89%, 43%)

HSVhsv(27, 94%, 81%)

OKLCHoklch(62.2% 0.159 50.7)

CMYKcmyk(0%, 52%, 94%, 19%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CF640C background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.83:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.48:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #CF640C based on color wheel relationships. Click any swatch for its full breakdown.

Base#CF640C Complementary#0C77CF Analogous#CF0C16 Analogous#CFC50C Triadic#0CCF64 Triadic#640CCF

Tints & Shades

Lighter tints and darker shades of #CF640C, useful for hover states, backgrounds, and text variants.

Tints

#F17713 #F38D39 #F6A360 #F8B782 #FACDA8 #FCE3CF

Shades

#B2560A #9A4A09 #7D3C07 #653106 #482304 #301703

Use #CF640C in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex