#CA2D02

#CA2D02

Color Values

HEX

#CA2D02

RGB

202, 45, 2

HSL

12.9, 98.0%, 40.0%

HSV

12.9, 99.0%, 79.2%

CMYK

0.0%, 77.7%, 99.0%, 20.8%

OKLCH

0.5474 0.1977 33.6

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA2D02

#029FCA

Analogous

#CA023B

#CA9102

#CA2D02

Triadic

#CA2D02

#02CA2D

#2D02CA

Split Complementary

#CA2D02

#02CA91

#023BCA

Tetradic

#CA2D02

#3BCA02

#029FCA

#9102CA

Color Blindness Simulation

Original

#CA2D02

Protanopia

#86850C

Deuteranopia

#8F9B0F

Tritanopia

#C21516

Achromatopsia

#4B4B4B

CSS Usage

background-color: #CA2D02;
color: #CA2D02;
border-color: #CA2D02;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC7B8
300
#FEA086
400
#FD6C44
500
#FC3803
600
#CA2D02
700
#A22402
800
#7E1C01
900
#5B1806
950
#3A0F04

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026