#C78130

#C78130

Color Values

HEX

#C78130

RGB

199, 129, 48

HSL

32.2, 61.1%, 48.4%

HSV

32.2, 75.9%, 78.0%

CMYK

0.0%, 35.2%, 75.9%, 22.0%

OKLCH

0.6621 0.1272 65.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C78130

#3076C7

Analogous

#C73630

#C1C730

#C78130

Triadic

#C78130

#30C781

#8130C7

Split Complementary

#C78130

#30C1C7

#3630C7

Tetradic

#C78130

#30C736

#3076C7

#C730C1

Color Blindness Simulation

Original

#C78130

Protanopia

#A9A844

Deuteranopia

#ADB248

Tritanopia

#C35356

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC5
300
#E7C59C
400
#DAA567
500
#CD8532
600
#A46B28
700
#835520
800
#674319
900
#4B3216
950
#2F200E

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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