#C4B077

#C4B077

Color Values

HEX

#C4B077

RGB

196, 176, 119

HSL

44.4, 39.5%, 61.8%

HSV

44.4, 39.3%, 76.9%

CMYK

0.0%, 10.2%, 39.3%, 23.1%

OKLCH

0.761 0.0784 90.9

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#C4B077

#778BC4

Analogous

#C48A77

#B2C477

#C4B077

Triadic

#C4B077

#77C4B0

#B077C4

Split Complementary

#C4B077

#77B2C4

#8A77C4

Tetradic

#C4B077

#77C48A

#778BC4

#C477B2

Color Blindness Simulation

Original

#C4B077

Protanopia

#BBBB85

Deuteranopia

#BCBE88

Tritanopia

#C39092

Achromatopsia

#B0B0B0

CSS Usage

background-color: #C4B077;
color: #C4B077;
border-color: #C4B077;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E2CD
300
#DACDAA
400
#C6B37B
500
#B2984D
600
#8E793E
700
#726131
800
#594C27
900
#42391F
950
#292414

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.82:1

AA Pass AAA Pass

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