#C06C5F

#C06C5F

Color Values

HEX

#C06C5F

RGB

192, 108, 95

HSL

8.0, 43.5%, 56.3%

HSV

8.0, 50.5%, 75.3%

CMYK

0.0%, 43.7%, 50.5%, 24.7%

OKLCH

0.6227 0.1095 29.8

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C06C5F

#5FB3C0

Analogous

#C05F83

#C09C5F

#C06C5F

Triadic

#C06C5F

#5FC06C

#6C5FC0

Split Complementary

#C06C5F

#5FC09C

#5F83C0

Tetradic

#C06C5F

#83C05F

#5FB3C0

#9C5FC0

Color Blindness Simulation

Original

#C06C5F

Protanopia

#9C9B62

Deuteranopia

#A0A763

Tritanopia

#BC6565

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBD0CC
300
#DCAEA7
400
#CA8378
500
#B75748
600
#92453A
700
#75382E
800
#5B2B24
900
#43231D
950
#2B1613

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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