#CA4F02

#CA4F02

Color Values

HEX

#CA4F02

RGB

202, 79, 2

HSL

23,1, 98,0%, 40,0%

HSV

23,1, 99,0%, 79,2%

CMYK

0,0%, 60,9%, 99,0%, 20,8%

OKLCH

0,5836 0,1713 43,3

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CA4F02

#027DCA

Analogous

#CA0219

#CAB302

#CA4F02

Triadic

#CA4F02

#02CA4F

#4F02CA

Split Complementary

#CA4F02

#02CAB3

#0219CA

Tetradic

#CA4F02

#19CA02

#027DCA

#B302CA

Color Blindness Simulation

Original

#CA4F02

Protanopia

#959415

Deuteranopia

#9CA519

Tritanopia

#C42327

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FED3B8
300
#FEB486
400
#FD8B44
500
#FC6303
600
#CA4F02
700
#A23F02
800
#7E3101
900
#5B2706
950
#3A1804

Contrast Checker

Text on white

4,54:1

AA Pass AAA Fail

Text on black

4,63:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026