#C8EE96

#C8EE96

Color Values

HEX

#C8EE96

RGB

200, 238, 150

HSL

85.9, 72.1%, 76.1%

HSV

85.9, 37.0%, 93.3%

CMYK

16.0%, 0.0%, 37.0%, 6.7%

OKLCH

0.9017 0.1204 127.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C8EE96

#BC96EE

Analogous

#EEE896

#9CEE96

#C8EE96

Triadic

#C8EE96

#96C8EE

#EE96C8

Split Complementary

#C8EE96

#969CEE

#E896EE

Tetradic

#C8EE96

#96EEE8

#BC96EE

#EE969C

Color Blindness Simulation

Original

#C8EE96

Protanopia

#D8D9AB

Deuteranopia

#D6D3B0

Tritanopia

#CABCC0

Achromatopsia

#E0E0E0

CSS Usage

background-color: #C8EE96;
color: #C8EE96;
border-color: #C8EE96;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF5C2
300
#C8EE96
400
#AAE55D
500
#8CDB24
600
#70B01C
700
#5A8C17
800
#466E12
900
#355011
950
#21320B

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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