#C0722F

#C0722F

Color Values

HEX

#C0722F

RGB

192, 114, 47

HSL

27.7, 60.7%, 46.9%

HSV

27.7, 75.5%, 75.3%

CMYK

0.0%, 40.6%, 75.5%, 24.7%

OKLCH

0.6261 0.1267 57.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C0722F

#2F7DC0

Analogous

#C02F35

#C0BB2F

#C0722F

Triadic

#C0722F

#2FC072

#722FC0

Split Complementary

#C0722F

#2FC0BB

#2F35C0

Tetradic

#C0722F

#35C02F

#2F7DC0

#BB2FC0

Color Blindness Simulation

Original

#C0722F

Protanopia

#9E9E3F

Deuteranopia

#A3A943

Tritanopia

#BC4C4F

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6ECE4
200
#F1DAC6
300
#E7BF9D
400
#DA9C67
500
#CD7A32
600
#A46128
700
#834E20
800
#663D19
900
#4B2E16
950
#2F1D0E

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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