#CA3402

#CA3402

Color Values

HEX

#CA3402

RGB

202, 52, 2

HSL

15.0, 98.0%, 40.0%

HSV

15.0, 99.0%, 79.2%

CMYK

0.0%, 74.3%, 99.0%, 20.8%

OKLCH

0.5534 0.1927 35.1

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA3402

#0298CA

Analogous

#CA0234

#CA9802

#CA3402

Triadic

#CA3402

#02CA34

#3402CA

Split Complementary

#CA3402

#02CA98

#0234CA

Tetradic

#CA3402

#34CA02

#0298CA

#9802CA

Color Blindness Simulation

Original

#CA3402

Protanopia

#89880E

Deuteranopia

#929D11

Tritanopia

#C2181A

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB8
300
#FEA486
400
#FD7244
500
#FC4103
600
#CA3402
700
#A22A02
800
#7E2101
900
#5B1B06
950
#3A1104

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

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