#C66660

#C66660

Color Values

HEX

#C66660

RGB

198, 102, 96

HSL

3.5, 47.2%, 57.6%

HSV

3.5, 51.5%, 77.6%

CMYK

0.0%, 48.5%, 51.5%, 22.4%

OKLCH

0.6213 0.1234 25.0

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C66660

#60C0C6

Analogous

#C6608D

#C69960

#C66660

Triadic

#C66660

#60C666

#6660C6

Split Complementary

#C66660

#60C699

#608DC6

Tetradic

#C66660

#8DC660

#60C0C6

#9960C6

Color Blindness Simulation

Original

#C66660

Protanopia

#9C9C61

Deuteranopia

#A2A962

Tritanopia

#C16363

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA8A5
400
#CD7974
500
#BC4A43
600
#963B36
700
#78302B
800
#5E2522
900
#451E1C
950
#2C1312

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026