#CA8685

#CA8685

Color Values

HEX

#CA8685

RGB

202, 134, 133

HSL

0.9, 39.4%, 65.7%

HSV

0.9, 34.2%, 79.2%

CMYK

0.0%, 33.7%, 34.2%, 20.8%

OKLCH

0.6889 0.0841 20.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CA8685

#85C9CA

Analogous

#CA85A7

#CAA985

#CA8685

Triadic

#CA8685

#85CA86

#8685CA

Split Complementary

#CA8685

#85CAA9

#85A7CA

Tetradic

#CA8685

#A7CA85

#85C9CA

#A985CA

Color Blindness Simulation

Original

#CA8685

Protanopia

#ADAC85

Deuteranopia

#B0B685

Tritanopia

#C78585

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CECD
300
#DAAAAA
400
#C67D7B
500
#B24F4D
600
#8E3F3E
700
#723231
800
#592727
900
#42201F
950
#291414

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

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