#C56C0C

#C56C0C

Color Values

HEX

#C56C0C

RGB

197, 108, 12

HSL

31.1, 88.5%, 41.0%

HSV

31.1, 93.9%, 77.3%

CMYK

0.0%, 45.2%, 93.9%, 22.7%

OKLCH

0.6204 0.1451 58.1

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C56C0C

#0C65C5

Analogous

#C50F0C

#C2C50C

#C56C0C

Triadic

#C56C0C

#0CC56C

#6C0CC5

Split Complementary

#C56C0C

#0CC2C5

#0F0CC5

Tetradic

#C56C0C

#0CC50F

#0C65C5

#C50CC2

Color Blindness Simulation

Original

#C56C0C

Protanopia

#9E9E23

Deuteranopia

#A4AA29

Tritanopia

#C1363A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDCBC
300
#F8C48C
400
#F4A44D
500
#F0840F
600
#C0690C
700
#9A5409
800
#784207
900
#57320A
950
#371F06

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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