#C5BF71

#C5BF71

Color Values

HEX

#C5BF71

RGB

197, 191, 113

HSL

55.7, 42.0%, 60.8%

HSV

55.7, 42.6%, 77.3%

CMYK

0.0%, 3.0%, 42.6%, 22.7%

OKLCH

0.7923 0.1 104.6

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#C5BF71

#7177C5

Analogous

#C59571

#A1C571

#C5BF71

Triadic

#C5BF71

#71C5BF

#BF71C5

Split Complementary

#C5BF71

#71A1C5

#9571C5

Tetradic

#C5BF71

#71C595

#7177C5

#C571A1

Color Blindness Simulation

Original

#C5BF71

Protanopia

#C2C284

Deuteranopia

#C3C388

Tritanopia

#C59396

Achromatopsia

#BBBBBB

CSS Usage

background-color: #C5BF71;
color: #C5BF71;
border-color: #C5BF71;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAE8CC
300
#DCD8A8
400
#C8C379
500
#B5AD4A
600
#918B3B
700
#746F2F
800
#5B5725
900
#43401E
950
#2A2913

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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