#C5C176

#C5C176

Color Values

HEX

#C5C176

RGB

197, 193, 118

HSL

57.0, 40.5%, 61.8%

HSV

57.0, 40.1%, 77.3%

CMYK

0.0%, 2.0%, 40.1%, 22.7%

OKLCH

0.7973 0.0967 105.7

Properties

Warm Light Nearest: Olive Green

Color Harmonies

Complementary

#C5C176

#767AC5

Analogous

#C59A76

#A2C576

#C5C176

Triadic

#C5C176

#76C5C1

#C176C5

Split Complementary

#C5C176

#76A2C5

#9A76C5

Tetradic

#C5C176

#76C59A

#767AC5

#C576A2

Color Blindness Simulation

Original

#C5C176

Protanopia

#C3C388

Deuteranopia

#C4C48C

Tritanopia

#C5969A

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE8CD
300
#DBD8A9
400
#C7C37A
500
#B3AE4C
600
#8F8B3D
700
#736F31
800
#5A5726
900
#42401F
950
#2A2913

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026