#C5B084

#C5B084

Color Values

HEX

#C5B084

RGB

197, 176, 132

HSL

40.6, 35.9%, 64.5%

HSV

40.6, 33.0%, 77.3%

CMYK

0.0%, 10.7%, 33.0%, 22.7%

OKLCH

0.7644 0.0638 85.3

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#C5B084

#8499C5

Analogous

#C58F84

#B9C584

#C5B084

Triadic

#C5B084

#84C5B0

#B084C5

Split Complementary

#C5B084

#84B9C5

#8F84C5

Tetradic

#C5B084

#84C58F

#8499C5

#C584B9

Color Blindness Simulation

Original

#C5B084

Protanopia

#BCBC8F

Deuteranopia

#BDBF91

Tritanopia

#C49799

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E0CE
300
#D8CAAC
400
#C3AD7F
500
#AD9052
600
#8B7341
700
#6F5C34
800
#574829
900
#403621
950
#282215

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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