#CA736A

#CA736A

Color Values

HEX

#CA736A

RGB

202, 115, 106

HSL

5.6, 47.5%, 60.4%

HSV

5.6, 47.5%, 79.2%

CMYK

0.0%, 43.1%, 47.5%, 20.8%

OKLCH

0.6497 0.1112 26.8

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CA736A

#6AC1CA

Analogous

#CA6A91

#CAA36A

#CA736A

Triadic

#CA736A

#6ACA73

#736ACA

Split Complementary

#CA736A

#6ACAA3

#6A91CA

Tetradic

#CA736A

#91CA6A

#6AC1CA

#A36ACA

Color Blindness Simulation

Original

#CA736A

Protanopia

#A4A46C

Deuteranopia

#A9B06D

Tritanopia

#C66E6E

Achromatopsia

#858585

CSS Usage

background-color: #CA736A;
color: #CA736A;
border-color: #CA736A;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFAAA5
400
#CD7C74
500
#BC4E43
600
#963F36
700
#78322B
800
#5E2721
900
#45201C
950
#2C1412

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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