#CF2620 Color

#CF2620 is rgb(207, 38, 32) in RGB and hsl(2, 73%, 47%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CF2620

HEX#CF2620

RGBrgb(207, 38, 32)

HSLhsl(2, 73%, 47%)

HSVhsv(2, 85%, 81%)

OKLCHoklch(55.3% 0.204 28.4)

CMYKcmyk(0%, 82%, 85%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CF2620 Complementary#20CACF Analogous#CF2072 Analogous#CF7E20 Triadic#20CF26 Triadic#2620CF

Tints & Shades

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

Tints

#DF3A34 #E55C57 #EA7A76 #EE9895 #F3B6B4 #F9D8D7

Shades

#B5211C #9A1C18 #801814 #61120F #470D0B #2C0807

Use #CF2620 in Our Tools

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