#CA7602

#CA7602

Color Values

HEX

#CA7602

RGB

202, 118, 2

HSL

34.8, 98.0%, 40.0%

HSV

34.8, 99.0%, 79.2%

CMYK

0.0%, 41.6%, 99.0%, 20.8%

OKLCH

0.644 0.1463 63.1

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CA7602

#0256CA

Analogous

#CA1202

#BACA02

#CA7602

Triadic

#CA7602

#02CA76

#7602CA

Split Complementary

#CA7602

#02BACA

#1202CA

Tetradic

#CA7602

#02CA12

#0256CA

#CA02BA

Color Blindness Simulation

Original

#CA7602

Protanopia

#A6A51E

Deuteranopia

#AAB125

Tritanopia

#C63439

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FEE1B8
300
#FECB86
400
#FDAF44
500
#FC9303
600
#CA7602
700
#A25E02
800
#7E4A01
900
#5B3706
950
#3A2304

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.1:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026