#CA6409

#CA6409

Color Values

HEX

#CA6409

RGB

202, 100, 9

HSL

28.3, 91.5%, 41.4%

HSV

28.3, 95.5%, 79.2%

CMYK

0.0%, 50.5%, 95.5%, 20.8%

OKLCH

0.6143 0.1547 52.3

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CA6409

#096FCA

Analogous

#CA090E

#CAC509

#CA6409

Triadic

#CA6409

#09CA64

#6409CA

Split Complementary

#CA6409

#09CAC5

#090ECA

Tetradic

#CA6409

#0ECA09

#096FCA

#C509CA

Color Blindness Simulation

Original

#CA6409

Protanopia

#9E9D1F

Deuteranopia

#A4AB24

Tritanopia

#C53034

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BB
300
#FABF8A
400
#F79C4A
500
#F4790B
600
#C36109
700
#9C4D07
800
#7A3C05
900
#582E09
950
#381D05

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026