#C07524

#C07524

Color Values

HEX

#C07524

RGB

192, 117, 36

HSL

31.2, 68.4%, 44.7%

HSV

31.2, 81.3%, 75.3%

CMYK

0.0%, 39.1%, 81.3%, 24.7%

OKLCH

0.6306 0.1304 62.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C07524

#246FC0

Analogous

#C02724

#BDC024

#C07524

Triadic

#C07524

#24C075

#7524C0

Split Complementary

#C07524

#24BDC0

#2724C0

Tetradic

#C07524

#24C027

#246FC0

#C024BD

Color Blindness Simulation

Original

#C07524

Protanopia

#A09F38

Deuteranopia

#A4A93C

Tritanopia

#BC474A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DCC3
300
#ECC398
400
#E1A360
500
#D78328
600
#AC6920
700
#89541A
800
#6B4114
900
#4E3213
950
#311F0C

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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