#CA837C

#CA837C

Color Values

HEX

#CA837C

RGB

202, 131, 124

HSL

5.4, 42.4%, 63.9%

HSV

5.4, 38.6%, 79.2%

CMYK

0.0%, 35.1%, 38.6%, 20.8%

OKLCH

0.6813 0.0891 25.8

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#CA837C

#7CC3CA

Analogous

#CA7C9C

#CAAA7C

#CA837C

Triadic

#CA837C

#7CCA83

#837CCA

Split Complementary

#CA837C

#7CCAAA

#7C9CCA

Tetradic

#CA837C

#9CCA7C

#7CC3CA

#AA7CCA

Color Blindness Simulation

Original

#CA837C

Protanopia

#ABAB7E

Deuteranopia

#AFB57E

Tritanopia

#C67F7F

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EACFCC
300
#DCADA8
400
#C98079
500
#B65349
600
#91433B
700
#74352F
800
#5B2A25
900
#43211E
950
#2A1513

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026