#CA9397

#CA9397

Color Values

HEX

#CA9397

RGB

202, 147, 151

HSL

355.6, 34.2%, 68.4%

HSV

355.6, 27.2%, 79.2%

CMYK

0.0%, 27.2%, 25.2%, 20.8%

OKLCH

0.7173 0.0668 14.0

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CA9397

#93CAC6

Analogous

#CA93B2

#CAAA93

#CA9397

Triadic

#CA9397

#97CA93

#9397CA

Split Complementary

#CA9397

#93CAAA

#93B2CA

Tetradic

#CA9397

#B2CA93

#93CAC6

#AA93CA

Color Blindness Simulation

Original

#CA9397

Protanopia

#B2B296

Deuteranopia

#B5B996

Tritanopia

#C79595

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E9
200
#E8CFD1
300
#D7ADB0
400
#C18085
500
#AB545A
600
#894348
700
#6E363A
800
#562A2D
900
#3F2224
950
#281517

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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