#C86C62

#C86C62

Color Values

HEX

#C86C62

RGB

200, 108, 98

HSL

5.9, 48.1%, 58.4%

HSV

5.9, 51.0%, 78.4%

CMYK

0.0%, 46.0%, 51.0%, 21.6%

OKLCH

0.6339 0.1185 27.4

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C86C62

#62BEC8

Analogous

#C8628B

#C89F62

#C86C62

Triadic

#C86C62

#62C86C

#6C62C8

Split Complementary

#C86C62

#62C89F

#628BC8

Tetradic

#C86C62

#8BC862

#62BEC8

#9F62C8

Color Blindness Simulation

Original

#C86C62

Protanopia

#A09F64

Deuteranopia

#A6AC65

Tritanopia

#C36667

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFAAA4
400
#CE7C73
500
#BD4E42
600
#973F35
700
#79322A
800
#5E2721
900
#45201B
950
#2C1411

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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