#C0560C

#C0560C

Color Values

HEX

#C0560C

RGB

192, 86, 12

HSL

24.7, 88.2%, 40.0%

HSV

24.7, 93.7%, 75.3%

CMYK

0.0%, 55.2%, 93.7%, 24.7%

OKLCH

0.5781 0.1547 47.3

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#C0560C

#0C76C0

Analogous

#C00C1C

#C0B00C

#C0560C

Triadic

#C0560C

#0CC056

#560CC0

Split Complementary

#C0560C

#0CC0B0

#0C1CC0

Tetradic

#C0560C

#1CC00C

#0C76C0

#B00CC0

Color Blindness Simulation

Original

#C0560C

Protanopia

#92911E

Deuteranopia

#98A022

Tritanopia

#BB2C2F

Achromatopsia

#676767

CSS Usage

background-color: #C0560C;
color: #C0560C;
border-color: #C0560C;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BC
300
#F8B88C
400
#F4924D
500
#F06C0F
600
#C0560C
700
#9A450A
800
#783608
900
#572A0A
950
#371A06

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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