#BBEE97

#BBEE97

Color Values

HEX

#BBEE97

RGB

187, 238, 151

HSL

95.2, 71.9%, 76.3%

HSV

95.2, 36.6%, 93.3%

CMYK

21.4%, 0.0%, 36.6%, 6.7%

OKLCH

0.8933 0.1254 133.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BBEE97

#CA97EE

Analogous

#E6EE97

#97EE9F

#BBEE97

Triadic

#BBEE97

#97BBEE

#EE97BB

Split Complementary

#BBEE97

#9F97EE

#EE97E6

Tetradic

#BBEE97

#97E6EE

#CA97EE

#EE9F97

Color Blindness Simulation

Original

#BBEE97

Protanopia

#D1D2AC

Deuteranopia

#CECAB1

Tritanopia

#BEBDC0

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C2
300
#BAEE96
400
#95E45D
500
#70DB24
600
#59AF1D
700
#478C17
800
#386E12
900
#2B5011
950
#1B320B

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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