#BEE496

#BEE496

Color Values

HEX

#BEE496

RGB

190, 228, 150

HSL

89.2, 59.1%, 74.1%

HSV

89.2, 34.2%, 89.4%

CMYK

16.7%, 0.0%, 34.2%, 10.6%

OKLCH

0.873 0.11 129.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BEE496

#BC96E4

Analogous

#E4E396

#97E496

#BEE496

Triadic

#BEE496

#96BEE4

#E496BE

Split Complementary

#BEE496

#9697E4

#E396E4

Tetradic

#BEE496

#96E4E3

#BC96E4

#E49697

Color Blindness Simulation

Original

#BEE496

Protanopia

#CECFA9

Deuteranopia

#CCC9AD

Tritanopia

#C0B8BB

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DCF0C6
300
#C3E69E
400
#A2D869
500
#82CB34
600
#68A22A
700
#538221
800
#41651A
900
#314A17
950
#1F2F0E

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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