#C48641

#C48641

Color Values

HEX

#C48641

RGB

196, 134, 65

HSL

31.6, 52.6%, 51.2%

HSV

31.6, 66.8%, 76.9%

CMYK

0.0%, 31.6%, 66.8%, 23.1%

OKLCH

0.6695 0.1141 66.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C48641

#417FC4

Analogous

#C44541

#C1C441

#C48641

Triadic

#C48641

#41C486

#8641C4

Split Complementary

#C48641

#41C1C4

#4541C4

Tetradic

#C48641

#41C445

#417FC4

#C441C1

Color Blindness Simulation

Original

#C48641

Protanopia

#A9A952

Deuteranopia

#ADB156

Tritanopia

#C15F62

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDCC9
300
#E2C4A2
400
#D2A36F
500
#C3833C
600
#9C6930
700
#7D5427
800
#61421E
900
#47321A
950
#2D1F10

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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