#CA7402

#CA7402

Color Values

HEX

#CA7402

RGB

202, 116, 2

HSL

34.2, 98.0%, 40.0%

HSV

34.2, 99.0%, 79.2%

CMYK

0.0%, 42.6%, 99.0%, 20.8%

OKLCH

0.6406 0.1471 61.9

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CA7402

#0258CA

Analogous

#CA1002

#BCCA02

#CA7402

Triadic

#CA7402

#02CA74

#7402CA

Split Complementary

#CA7402

#02BCCA

#1002CA

Tetradic

#CA7402

#02CA10

#0258CA

#CA02BC

Color Blindness Simulation

Original

#CA7402

Protanopia

#A5A41E

Deuteranopia

#AAB024

Tritanopia

#C63338

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE0B8
300
#FECA86
400
#FDAE44
500
#FC9103
600
#CA7402
700
#A25D02
800
#7E4801
900
#5B3606
950
#3A2204

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026