#C86C5F

#C86C5F

Color Values

HEX

#C86C5F

RGB

200, 108, 95

HSL

7.4, 48.8%, 57.8%

HSV

7.4, 52.5%, 78.4%

CMYK

0.0%, 46.0%, 52.5%, 21.6%

OKLCH

0.6333 0.1192 29.2

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C86C5F

#5FBBC8

Analogous

#C85F86

#C8A05F

#C86C5F

Triadic

#C86C5F

#5FC86C

#6C5FC8

Split Complementary

#C86C5F

#5FC8A0

#5F86C8

Tetradic

#C86C5F

#86C85F

#5FBBC8

#A05FC8

Color Blindness Simulation

Original

#C86C5F

Protanopia

#A09F62

Deuteranopia

#A6AC63

Tritanopia

#C36565

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCECA
300
#E0ABA4
400
#CF7E73
500
#BE5141
600
#984134
700
#79342A
800
#5F2821
900
#46201B
950
#2C1411

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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