#CBEE96

#CBEE96

Color Values

HEX

#CBEE96

RGB

203, 238, 150

HSL

83,9, 72,1%, 76,1%

HSV

83,9, 37,0%, 93,3%

CMYK

14,7%, 0,0%, 37,0%, 6,7%

OKLCH

0,9037 0,1191 126,3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CBEE96

#B996EE

Analogous

#EEE596

#9FEE96

#CBEE96

Triadic

#CBEE96

#96CBEE

#EE96CB

Split Complementary

#CBEE96

#969FEE

#E596EE

Tetradic

#CBEE96

#96EEE5

#B996EE

#EE969F

Color Blindness Simulation

Original

#CBEE96

Protanopia

#DADAAB

Deuteranopia

#D8D6B0

Tritanopia

#CDBCC0

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#E1F5C2
300
#CBEE96
400
#AEE55D
500
#92DB24
600
#75B01C
700
#5E8C17
800
#496E12
900
#375011
950
#23320B

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026