#CA8686

#CA8686

Color Values

HEX

#CA8686

RGB

202, 134, 134

HSL

0.0, 39.1%, 65.9%

HSV

0.0, 33.7%, 79.2%

CMYK

0.0%, 33.7%, 33.7%, 20.8%

OKLCH

0.6891 0.084 19.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CA8686

#86CACA

Analogous

#CA86A8

#CAA886

#CA8686

Triadic

#CA8686

#86CA86

#8686CA

Split Complementary

#CA8686

#86CAA8

#86A8CA

Tetradic

#CA8686

#A8CA86

#86CACA

#A886CA

Color Blindness Simulation

Original

#CA8686

Protanopia

#ADAC86

Deuteranopia

#B0B686

Tritanopia

#C78686

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CDCD
300
#DAAAAA
400
#C67C7C
500
#B14E4E
600
#8E3E3E
700
#723232
800
#592727
900
#411F1F
950
#291414

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

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