#CF3D0C Color

#CF3D0C is rgb(207, 61, 12) in RGB and hsl(15, 89%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CF3D0C

HEX#CF3D0C

RGBrgb(207, 61, 12)

HSLhsl(15, 89%, 43%)

HSVhsv(15, 94%, 81%)

OKLCHoklch(57.1% 0.19 36)

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

Text Contrast & Accessibility

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

TextWhite text4.85:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.33:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CF3D0C Complementary#0C9ECF Analogous#CF0C3D Analogous#CF9E0C Triadic#0CCF3D Triadic#3D0CCF

Tints & Shades

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

Tints

#F14A13 #F36839 #F68560 #F89F82 #FABDA8 #FCDACF

Shades

#B2340A #9A2D09 #7D2507 #651E06 #481504 #300E03

Use #CF3D0C in Our Tools

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