#C06766

#C06766

Color Values

HEX

#C06766

RGB

192, 103, 102

HSL

0.7, 41.7%, 57.6%

HSV

0.7, 46.9%, 75.3%

CMYK

0.0%, 46.4%, 46.9%, 24.7%

OKLCH

0.616 0.1141 21.6

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C06766

#66BFC0

Analogous

#C06692

#C09466

#C06766

Triadic

#C06766

#66C067

#6766C0

Split Complementary

#C06766

#66C094

#6692C0

Tetradic

#C06766

#92C066

#66BFC0

#9466C0

Color Blindness Simulation

Original

#C06766

Protanopia

#999966

Deuteranopia

#9FA566

Tritanopia

#BC6666

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCC
300
#DBA9A8
400
#C87A79
500
#B54C4A
600
#913C3B
700
#743030
800
#5A2625
900
#431F1E
950
#2A1313

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026