#BBF486

#BBF486

Color Values

HEX

#BBF486

RGB

187, 244, 134

HSL

91.1, 83.3%, 74.1%

HSV

91.1, 45.1%, 95.7%

CMYK

23.4%, 0.0%, 45.1%, 4.3%

OKLCH

0.9039 0.1517 131.3

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#BBF486

#BF86F4

Analogous

#F2F486

#86F488

#BBF486

Triadic

#BBF486

#86BBF4

#F486BB

Split Complementary

#BBF486

#8886F4

#F486F2

Tetradic

#BBF486

#86F2F4

#BF86F4

#F48886

Color Blindness Simulation

Original

#BBF486

Protanopia

#D4D4A1

Deuteranopia

#D0CCA7

Tritanopia

#BEB6BA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE1
200
#DAF9BE
300
#C0F58F
400
#9EEF52
500
#7CEA15
600
#63BB11
700
#4F960E
800
#3E750B
900
#2F550C
950
#1E3608

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026