#C0580C

#C0580C

Color Values

HEX

#C0580C

RGB

192, 88, 12

HSL

25.3, 88.2%, 40.0%

HSV

25.3, 93.7%, 75.3%

CMYK

0.0%, 54.2%, 93.7%, 24.7%

OKLCH

0.5811 0.1532 48.3

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C0580C

#0C74C0

Analogous

#C00C1A

#C0B20C

#C0580C

Triadic

#C0580C

#0CC058

#580CC0

Split Complementary

#C0580C

#0CC0B2

#0C1AC0

Tetradic

#C0580C

#1AC00C

#0C74C0

#B20CC0

Color Blindness Simulation

Original

#C0580C

Protanopia

#93921E

Deuteranopia

#99A123

Tritanopia

#BB2D30

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BC
300
#F8B98C
400
#F4944D
500
#F06E0F
600
#C0580C
700
#9A460A
800
#783708
900
#572A0A
950
#371B06

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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