#CA604C

#CA604C

Color Values

HEX

#CA604C

RGB

202, 96, 76

HSL

9.5, 54.3%, 54.5%

HSV

9.5, 62.4%, 79.2%

CMYK

0.0%, 52.5%, 62.4%, 20.8%

OKLCH

0.614 0.1394 32.2

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#CA604C

#4CB6CA

Analogous

#CA4C77

#CA9F4C

#CA604C

Triadic

#CA604C

#4CCA60

#604CCA

Split Complementary

#CA604C

#4CCA9F

#4C77CA

Tetradic

#CA604C

#77CA4C

#4CB6CA

#9F4CCA

Color Blindness Simulation

Original

#CA604C

Protanopia

#9C9B51

Deuteranopia

#A2AA52

Tritanopia

#C55556

Achromatopsia

#757575

CSS Usage

background-color: #CA604C;
color: #CA604C;
border-color: #CA604C;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EFCEC8
300
#E3ABA1
400
#D47E6D
500
#C5503A
600
#9D402F
700
#7E3325
800
#62281D
900
#482019
950
#2E1410

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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