#C86F66

#C86F66

Color Values

HEX

#C86F66

RGB

200, 111, 102

HSL

5.5, 47.1%, 59.2%

HSV

5.5, 49.0%, 78.4%

CMYK

0.0%, 44.5%, 49.0%, 21.6%

OKLCH

0.6397 0.1142 26.8

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#C86F66

#66BFC8

Analogous

#C8668E

#C8A066

#C86F66

Triadic

#C86F66

#66C86F

#6F66C8

Split Complementary

#C86F66

#66C8A0

#668EC8

Tetradic

#C86F66

#8EC866

#66BFC8

#A066C8

Color Blindness Simulation

Original

#C86F66

Protanopia

#A1A168

Deuteranopia

#A7AD69

Tritanopia

#C46A6A

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFAAA5
400
#CD7C74
500
#BC4E43
600
#963F36
700
#78322B
800
#5E2722
900
#45201C
950
#2C1412

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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