#C3B977

#C3B977

Color Values

HEX

#C3B977

RGB

195, 185, 119

HSL

52.1, 38.8%, 61.6%

HSV

52.1, 39.0%, 76.5%

CMYK

0.0%, 5.1%, 39.0%, 23.5%

OKLCH

0.7789 0.0867 100.7

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C3B977

#7781C3

Analogous

#C39377

#A7C377

#C3B977

Triadic

#C3B977

#77C3B9

#B977C3

Split Complementary

#C3B977

#77A7C3

#9377C3

Tetradic

#C3B977

#77C393

#7781C3

#C377A7

Color Blindness Simulation

Original

#C3B977

Protanopia

#BFBF87

Deuteranopia

#BFC08B

Tritanopia

#C29496

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#E9E6CD
300
#DAD3AA
400
#C5BC7C
500
#B1A44E
600
#8E833E
700
#716932
800
#585227
900
#413D20
950
#292614

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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