#BEE982

#BEE982

Color Values

HEX

#BEE982

RGB

190, 233, 130

HSL

85.0, 70.1%, 71.2%

HSV

85.0, 44.2%, 91.4%

CMYK

18.5%, 0.0%, 44.2%, 8.6%

OKLCH

0.8808 0.1388 127.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BEE982

#AD82E9

Analogous

#E9E082

#8BE982

#BEE982

Triadic

#BEE982

#82BEE9

#E982BE

Split Complementary

#BEE982

#828BE9

#E082E9

Tetradic

#BEE982

#82E9E0

#AD82E9

#E9828B

Color Blindness Simulation

Original

#BEE982

Protanopia

#D1D19B

Deuteranopia

#CECBA1

Tritanopia

#C0AFB3

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF8E3
200
#DFF4C2
300
#C9ED97
400
#ACE35F
500
#8ED926
600
#72AE1E
700
#5B8B18
800
#476C13
900
#364F12
950
#22320B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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