#C06D27

#C06D27

Color Values

HEX

#C06D27

RGB

192, 109, 39

HSL

27.5, 66.2%, 45.3%

HSV

27.5, 79.7%, 75.3%

CMYK

0.0%, 43.2%, 79.7%, 24.7%

OKLCH

0.6167 0.1326 56.1

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C06D27

#277AC0

Analogous

#C0272D

#C0BA27

#C06D27

Triadic

#C06D27

#27C06D

#6D27C0

Split Complementary

#C06D27

#27C0BA

#272DC0

Tetradic

#C06D27

#2DC027

#277AC0

#BA27C0

Color Blindness Simulation

Original

#C06D27

Protanopia

#9C9B38

Deuteranopia

#A1A73C

Tritanopia

#BC4548

Achromatopsia

#7A7A7A

CSS Usage

background-color: #C06D27;
color: #C06D27;
border-color: #C06D27;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3D9C4
300
#EABE99
400
#DF9B62
500
#D4782B
600
#AA6022
700
#884D1C
800
#6A3C16
900
#4D2E14
950
#311D0C

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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