#CA7D02

#CA7D02

Color Values

HEX

#CA7D02

RGB

202, 125, 2

HSL

36.9, 98.0%, 40.0%

HSV

36.9, 99.0%, 79.2%

CMYK

0.0%, 38.1%, 99.0%, 20.8%

OKLCH

0.6565 0.1441 67.5

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CA7D02

#024FCA

Analogous

#CA1902

#B3CA02

#CA7D02

Triadic

#CA7D02

#02CA7D

#7D02CA

Split Complementary

#CA7D02

#02B3CA

#1902CA

Tetradic

#CA7D02

#02CA19

#024FCA

#CA02B3

Color Blindness Simulation

Original

#CA7D02

Protanopia

#A9A820

Deuteranopia

#ADB327

Tritanopia

#C6373C

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE3B8
300
#FED086
400
#FDB644
500
#FC9C03
600
#CA7D02
700
#A26402
800
#7E4E01
900
#5B3A06
950
#3A2504

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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