#C06C0C

#C06C0C

Color Values

HEX

#C06C0C

RGB

192, 108, 12

HSL

32.0, 88.2%, 40.0%

HSV

32.0, 93.7%, 75.3%

CMYK

0.0%, 43.7%, 93.7%, 24.7%

OKLCH

0.6135 0.1408 59.8

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C06C0C

#0C60C0

Analogous

#C0120C

#BAC00C

#C06C0C

Triadic

#C06C0C

#0CC06C

#6C0CC0

Split Complementary

#C06C0C

#0CBAC0

#120CC0

Tetradic

#C06C0C

#0CC012

#0C60C0

#C00CBA

Color Blindness Simulation

Original

#C06C0C

Protanopia

#9C9B23

Deuteranopia

#A0A729

Tritanopia

#BC363A

Achromatopsia

#777777

CSS Usage

background-color: #C06C0C;
color: #C06C0C;
border-color: #C06C0C;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDDBC
300
#F8C58C
400
#F4A64D
500
#F0870F
600
#C06C0C
700
#9A560A
800
#784308
900
#57330A
950
#372006

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026