#BBE986

#BBE986

Color Values

HEX

#BBE986

RGB

187, 233, 134

HSL

87.9, 69.2%, 72.0%

HSV

87.9, 42.5%, 91.4%

CMYK

19.7%, 0.0%, 42.5%, 8.6%

OKLCH

0.8794 0.136 129.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BBE986

#B486E9

Analogous

#E9E686

#8AE986

#BBE986

Triadic

#BBE986

#86BBE9

#E986BB

Split Complementary

#BBE986

#868AE9

#E686E9

Tetradic

#BBE986

#86E9E6

#B486E9

#E9868A

Color Blindness Simulation

Original

#BBE986

Protanopia

#CFCF9E

Deuteranopia

#CCC9A4

Tritanopia

#BDB1B5

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C3
300
#C5EC97
400
#A5E25F
500
#86D827
600
#6BAD1F
700
#568A19
800
#436C14
900
#334F12
950
#20320C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.11:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026