#C2C377

#C2C377

Color Values

HEX

#C2C377

RGB

194, 195, 119

HSL

60.8, 38.8%, 61.6%

HSV

60.8, 39.0%, 76.5%

CMYK

0.5%, 0.0%, 39.0%, 23.5%

OKLCH

0.7992 0.0981 109.1

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#C2C377

#7877C3

Analogous

#C39E77

#9CC377

#C2C377

Triadic

#C2C377

#77C2C3

#C377C2

Split Complementary

#C2C377

#779CC3

#9E77C3

Tetradic

#C2C377

#77C39E

#7877C3

#C3779C

Color Blindness Simulation

Original

#C2C377

Protanopia

#C2C289

Deuteranopia

#C2C28E

Tritanopia

#C2989B

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9E9CD
300
#D9DAAA
400
#C4C57C
500
#B0B14E
600
#8D8E3E
700
#707132
800
#585827
900
#414120
950
#292914

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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