#CA8302

#CA8302

Color Values

HEX

#CA8302

RGB

202, 131, 2

HSL

38.7, 98.0%, 40.0%

HSV

38.7, 99.0%, 79.2%

CMYK

0.0%, 35.1%, 99.0%, 20.8%

OKLCH

0.6675 0.143 71.4

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CA8302

#0249CA

Analogous

#CA1F02

#ADCA02

#CA8302

Triadic

#CA8302

#02CA83

#8302CA

Split Complementary

#CA8302

#02ADCA

#1F02CA

Tetradic

#CA8302

#02CA1F

#0249CA

#CA02AD

Color Blindness Simulation

Original

#CA8302

Protanopia

#ABAB21

Deuteranopia

#AFB529

Tritanopia

#C63A3F

Achromatopsia

#898989

CSS Usage

background-color: #CA8302;
color: #CA8302;
border-color: #CA8302;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE5B8
300
#FED386
400
#FDBB44
500
#FCA403
600
#CA8302
700
#A26902
800
#7E5201
900
#5B3D06
950
#3A2604

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.76: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