#BBF895

#BBF895

Color Values

HEX

#BBF895

RGB

187, 248, 149

HSL

97.0, 87.6%, 77.8%

HSV

97.0, 39.9%, 97.3%

CMYK

24.6%, 0.0%, 39.9%, 2.7%

OKLCH

0.9152 0.1422 134.2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#BBF895

#D295F8

Analogous

#ECF895

#95F8A0

#BBF895

Triadic

#BBF895

#95BBF8

#F895BB

Split Complementary

#BBF895

#A095F8

#F895EC

Tetradic

#BBF895

#95ECF8

#D295F8

#F8A095

Color Blindness Simulation

Original

#BBF895

Protanopia

#D5D6AD

Deuteranopia

#D2CDB3

Tritanopia

#BEC0C4

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D4FBBC
300
#B5F78C
400
#8DF34E
500
#65EF10
600
#51BF0D
700
#41990A
800
#337808
900
#28570A
950
#193706

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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