#CF382A Color

#CF382A is rgb(207, 56, 42) in RGB and hsl(5, 66%, 49%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CF382A

HEX#CF382A

RGBrgb(207, 56, 42)

HSLhsl(5, 66%, 49%)

HSVhsv(5, 80%, 81%)

OKLCHoklch(56.8% 0.19 29.5)

CMYKcmyk(0%, 73%, 80%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CF382A Complementary#2AC2CF Analogous#CF2A6F Analogous#CF8B2A Triadic#2ACF38 Triadic#382ACF

Tints & Shades

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

Tints

#D95145 #DF6D62 #E58880 #EBA49E #F1C0BB #F7DBD9

Shades

#B63125 #98291F #7F221A #611A14 #48140F #2A0B09

Use #CF382A in Our Tools

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