#C4802D

#C4802D

Color Values

HEX

#C4802D

RGB

196, 128, 45

HSL

33.0, 62.7%, 47.3%

HSV

33.0, 77.0%, 76.9%

CMYK

0.0%, 34.7%, 77.0%, 23.1%

OKLCH

0.6564 0.1266 67.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C4802D

#2D71C4

Analogous

#C4352D

#BDC42D

#C4802D

Triadic

#C4802D

#2DC480

#802DC4

Split Complementary

#C4802D

#2DBDC4

#352DC4

Tetradic

#C4802D

#2DC435

#2D71C4

#C42DBD

Color Blindness Simulation

Original

#C4802D

Protanopia

#A7A641

Deuteranopia

#AAB046

Tritanopia

#C15154

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DEC5
300
#E8C69B
400
#DCA765
500
#CF8730
600
#A66C26
700
#85571E
800
#684418
900
#4C3315
950
#30200D

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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