#BBFA76

#BBFA76

Color Values

HEX

#BBFA76

RGB

187, 250, 118

HSL

88.6, 93.0%, 72.2%

HSV

88.6, 52.8%, 98.0%

CMYK

25.2%, 0.0%, 52.8%, 2.0%

OKLCH

0.9153 0.175 130.4

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BBFA76

#B576FA

Analogous

#FAF776

#79FA76

#BBFA76

Triadic

#BBFA76

#76BBFA

#FA76BB

Split Complementary

#BBFA76

#7679FA

#F776FA

Tetradic

#BBFA76

#76FAF7

#B576FA

#FA7679

Color Blindness Simulation

Original

#BBFA76

Protanopia

#D6D796

Deuteranopia

#D3CE9E

Tritanopia

#BEAFB5

Achromatopsia

#E3E3E3

CSS Usage

background-color: #BBFA76;
color: #BBFA76;
border-color: #BBFA76;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DDFDBA
300
#C4FB89
400
#A5F849
500
#85F609
600
#6AC507
700
#559D06
800
#437B04
900
#325908
950
#203805

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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