#CA7102

#CA7102

Color Values

HEX

#CA7102

RGB

202, 113, 2

HSL

33.3, 98.0%, 40.0%

HSV

33.3, 99.0%, 79.2%

CMYK

0.0%, 44.1%, 99.0%, 20.8%

OKLCH

0.6354 0.1484 60.1

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CA7102

#025BCA

Analogous

#CA0D02

#BFCA02

#CA7102

Triadic

#CA7102

#02CA71

#7102CA

Split Complementary

#CA7102

#02BFCA

#0D02CA

Tetradic

#CA7102

#02CA0D

#025BCA

#CA02BF

Color Blindness Simulation

Original

#CA7102

Protanopia

#A3A31D

Deuteranopia

#A9AF23

Tritanopia

#C63237

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEDFB8
300
#FEC886
400
#FDAB44
500
#FC8D03
600
#CA7102
700
#A25A02
800
#7E4701
900
#5B3506
950
#3A2204

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026