#C5C997

#C5C997

Color Values

HEX

#C5C997

RGB

197, 201, 151

HSL

64.8, 31.6%, 69.0%

HSV

64.8, 24.9%, 78.8%

CMYK

2.0%, 0.0%, 24.9%, 21.2%

OKLCH

0.8203 0.0669 111.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C5C997

#9B97C9

Analogous

#C9B497

#ACC997

#C5C997

Triadic

#C5C997

#97C5C9

#C997C5

Split Complementary

#C5C997

#97ACC9

#B497C9

Tetradic

#C5C997

#97C9B4

#9B97C9

#C997AC

Color Blindness Simulation

Original

#C5C997

Protanopia

#C7C7A3

Deuteranopia

#C6C6A6

Tritanopia

#C5ADAF

Achromatopsia

#C5C5C5

CSS Usage

background-color: #C5C997;
color: #C5C997;
border-color: #C5C997;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E5E7D0
300
#D2D5AE
400
#BABE83
500
#A1A857
600
#818646
700
#676B38
800
#51542C
900
#3C3E23
950
#262716

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.18:1

AA Pass AAA Pass

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