#CA7502

#CA7502

Color Values

HEX

#CA7502

RGB

202, 117, 2

HSL

34.5, 98.0%, 40.0%

HSV

34.5, 99.0%, 79.2%

CMYK

0.0%, 42.1%, 99.0%, 20.8%

OKLCH

0.6423 0.1467 62.5

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CA7502

#0257CA

Analogous

#CA1102

#BBCA02

#CA7502

Triadic

#CA7502

#02CA75

#7502CA

Split Complementary

#CA7502

#02BBCA

#1102CA

Tetradic

#CA7502

#02CA11

#0257CA

#CA02BB

Color Blindness Simulation

Original

#CA7502

Protanopia

#A5A41E

Deuteranopia

#AAB024

Tritanopia

#C63439

Achromatopsia

#7F7F7F

CSS Usage

background-color: #CA7502;
color: #CA7502;
border-color: #CA7502;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE1B8
300
#FECB86
400
#FDAF44
500
#FC9203
600
#CA7502
700
#A25E02
800
#7E4901
900
#5B3706
950
#3A2304

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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