#CA6702

#CA6702

Color Values

HEX

#CA6702

RGB

202, 103, 2

HSL

30.3, 98.0%, 40.0%

HSV

30.3, 99.0%, 79.2%

CMYK

0.0%, 49.0%, 99.0%, 20.8%

OKLCH

0.6189 0.1537 54.4

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CA6702

#0265CA

Analogous

#CA0302

#C9CA02

#CA6702

Triadic

#CA6702

#02CA67

#6702CA

Split Complementary

#CA6702

#02C9CA

#0302CA

Tetradic

#CA6702

#02CA03

#0265CA

#CA02C9

Color Blindness Simulation

Original

#CA6702

Protanopia

#9F9E1A

Deuteranopia

#A5AC20

Tritanopia

#C52E32

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB8
300
#FEC286
400
#FDA244
500
#FC8103
600
#CA6702
700
#A25202
800
#7E4001
900
#5B3106
950
#3A1F04

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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