#C3BC7A

#C3BC7A

Color Values

HEX

#C3BC7A

RGB

195, 188, 122

HSL

54.2, 37.8%, 62.2%

HSV

54.2, 37.4%, 76.5%

CMYK

0.0%, 3.6%, 37.4%, 23.5%

OKLCH

0.7857 0.0865 103.0

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C3BC7A

#7A81C3

Analogous

#C3987A

#A6C37A

#C3BC7A

Triadic

#C3BC7A

#7AC3BC

#BC7AC3

Split Complementary

#C3BC7A

#7AA6C3

#987AC3

Tetradic

#C3BC7A

#7AC398

#7A81C3

#C37AA6

Color Blindness Simulation

Original

#C3BC7A

Protanopia

#C0C08A

Deuteranopia

#C0C18E

Tritanopia

#C39799

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CE
300
#D9D4AB
400
#C4BD7D
500
#B0A64F
600
#8D853F
700
#706A33
800
#585328
900
#413E20
950
#292714

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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