#C2CE96

#C2CE96

Color Values

HEX

#C2CE96

RGB

194, 206, 150

HSL

72.9, 36.4%, 69.8%

HSV

72.9, 27.2%, 80.8%

CMYK

5.8%, 0.0%, 27.2%, 19.2%

OKLCH

0.8283 0.0757 117.9

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C2CE96

#A296CE

Analogous

#CEBE96

#A6CE96

#C2CE96

Triadic

#C2CE96

#96C2CE

#CE96C2

Split Complementary

#C2CE96

#96A6CE

#BE96CE

Tetradic

#C2CE96

#96CEBE

#A296CE

#CE96A6

Color Blindness Simulation

Original

#C2CE96

Protanopia

#C7C7A4

Deuteranopia

#C6C6A7

Tritanopia

#C3AEB1

Achromatopsia

#C7C7C7

CSS Usage

background-color: #C2CE96;
color: #C2CE96;
border-color: #C2CE96;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF5
100
#F0F3E8
200
#E3E8CE
300
#CED8AC
400
#B4C37E
500
#9AAE51
600
#7B8B41
700
#636F34
800
#4D5729
900
#394021
950
#242915

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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