#CA655F

#CA655F

Color Values

HEX

#CA655F

RGB

202, 101, 95

HSL

3.4, 50.2%, 58.2%

HSV

3.4, 53.0%, 79.2%

CMYK

0.0%, 50.0%, 53.0%, 20.8%

OKLCH

0.625 0.1296 25.0

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CA655F

#5FC4CA

Analogous

#CA5F8E

#CA9A5F

#CA655F

Triadic

#CA655F

#5FCA65

#655FCA

Split Complementary

#CA655F

#5FCA9A

#5F8ECA

Tetradic

#CA655F

#8ECA5F

#5FC4CA

#9A5FCA

Color Blindness Simulation

Original

#CA655F

Protanopia

#9E9D60

Deuteranopia

#A4AC61

Tritanopia

#C56262

Achromatopsia

#7A7A7A

CSS Usage

background-color: #CA655F;
color: #CA655F;
border-color: #CA655F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCBC9
300
#E1A7A3
400
#D07771
500
#C0473F
600
#993933
700
#7B2D29
800
#602320
900
#461D1B
950
#2C1211

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

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