#CA6553

#CA6553

Color Values

HEX

#CA6553

RGB

202, 101, 83

HSL

9.1, 52.9%, 55.9%

HSV

9.1, 58.9%, 79.2%

CMYK

0.0%, 50.0%, 58.9%, 20.8%

OKLCH

0.6228 0.1323 31.5

Properties

Warm Light Nearest: salmon 3

Color Harmonies

Complementary

#CA6553

#53B8CA

Analogous

#CA537D

#CAA153

#CA6553

Triadic

#CA6553

#53CA65

#6553CA

Split Complementary

#CA6553

#53CAA1

#537DCA

Tetradic

#CA6553

#7DCA53

#53B8CA

#A153CA

Color Blindness Simulation

Original

#CA6553

Protanopia

#9E9D57

Deuteranopia

#A4AC58

Tritanopia

#C55B5C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EECEC8
300
#E2ABA1
400
#D37E6F
500
#C3513C
600
#9C4030
700
#7D3426
800
#61281E
900
#482019
950
#2D1410

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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