#CA1D02 Color

#CA1D02 is rgb(202, 29, 2) in RGB and hsl(8, 98%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA1D02

HEX#CA1D02

RGBrgb(202, 29, 2)

HSLhsl(8, 98%, 40%)

HSVhsv(8, 99%, 79%)

OKLCHoklch(53.7% 0.207 31.2)

CMYKcmyk(0%, 86%, 99%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA1D02 Complementary#02AFCA Analogous#CA024B Analogous#CA8102 Triadic#02CA1D Triadic#1D02CA

Tints & Shades

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

Tints

#F22202 #FD4326 #FD664E #FE8977 #FEAC9F #FED3CD

Shades

#B11902 #971602 #7E1201 #600E01 #470A01 #2D0600

Use #CA1D02 in Our Tools

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