#CA9293

#CA9293

Color Values

HEX

#CA9293

RGB

202, 146, 147

HSL

358.9, 34.6%, 68.2%

HSV

358.9, 27.7%, 79.2%

CMYK

0.0%, 27.7%, 27.2%, 20.8%

OKLCH

0.7143 0.068 17.7

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CA9293

#92CAC9

Analogous

#CA92AF

#CAAD92

#CA9293

Triadic

#CA9293

#93CA92

#9293CA

Split Complementary

#CA9293

#92CAAD

#92AFCA

Tetradic

#CA9293

#AFCA92

#92CAC9

#AD92CA

Color Blindness Simulation

Original

#CA9293

Protanopia

#B2B193

Deuteranopia

#B5B993

Tritanopia

#C79393

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFCF
300
#D7ADAD
400
#C18081
500
#AC5355
600
#894344
700
#6E3536
800
#562A2B
900
#402122
950
#281515

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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