#CA4102

#CA4102

Color Values

HEX

#CA4102

RGB

202, 65, 2

HSL

18.9, 98.0%, 40.0%

HSV

18.9, 99.0%, 79.2%

CMYK

0.0%, 67.8%, 99.0%, 20.8%

OKLCH

0.5666 0.1827 38.5

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA4102

#028BCA

Analogous

#CA0227

#CAA502

#CA4102

Triadic

#CA4102

#02CA41

#4102CA

Split Complementary

#CA4102

#02CAA5

#0227CA

Tetradic

#CA4102

#27CA02

#028BCA

#A502CA

Color Blindness Simulation

Original

#CA4102

Protanopia

#8F8D11

Deuteranopia

#97A115

Tritanopia

#C31D20

Achromatopsia

#5A5A5A

CSS Usage

background-color: #CA4102;
color: #CA4102;
border-color: #CA4102;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FECEB8
300
#FEAC86
400
#FD7E44
500
#FC5103
600
#CA4102
700
#A23402
800
#7E2901
900
#5B2106
950
#3A1504

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

AA Fail 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