#CF160C Color

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

#CF160C

HEX#CF160C

RGBrgb(207, 22, 12)

HSLhsl(3, 89%, 43%)

HSVhsv(3, 94%, 81%)

OKLCHoklch(54.3% 0.214 29.5)

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

Text Contrast & Accessibility

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

TextWhite text5.57:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.77:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CF160C Complementary#0CC5CF Analogous#CF0C64 Analogous#CF770C Triadic#0CCF16 Triadic#160CCF

Tints & Shades

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

Tints

#F11E13 #F34339 #F66760 #F88882 #FAACA8 #FCD1CF

Shades

#B2130A #9A1009 #7D0D07 #650B06 #480804 #300503

Use #CF160C in Our Tools

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