#C4A87C

#C4A87C

Color Values

HEX

#C4A87C

RGB

196, 168, 124

HSL

36.7, 37.9%, 62.7%

HSV

36.7, 36.7%, 76.9%

CMYK

0.0%, 14.3%, 36.7%, 23.1%

OKLCH

0.7456 0.0675 78.7

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#C4A87C

#7C98C4

Analogous

#C4847C

#BCC47C

#C4A87C

Triadic

#C4A87C

#7CC4A8

#A87CC4

Split Complementary

#C4A87C

#7CBCC4

#847CC4

Tetradic

#C4A87C

#7CC484

#7C98C4

#C47CBC

Color Blindness Simulation

Original

#C4A87C

Protanopia

#B8B887

Deuteranopia

#BABC89

Tritanopia

#C38F91

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DECE
300
#D9C7AB
400
#C4A97D
500
#B08A4F
600
#8D6F3F
700
#715933
800
#584528
900
#413420
950
#292114

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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