#BBF4AD

#BBF4AD

Color Values

HEX

#BBF4AD

RGB

187, 244, 173

HSL

108.2, 76.3%, 81.8%

HSV

108.2, 29.1%, 95.7%

CMYK

23.4%, 0.0%, 29.1%, 4.3%

OKLCH

0.9107 0.1109 139.5

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BBF4AD

#E6ADF4

Analogous

#DFF4AD

#ADF4C3

#BBF4AD

Triadic

#BBF4AD

#ADBBF4

#F4ADBB

Split Complementary

#BBF4AD

#C3ADF4

#F4ADDF

Tetradic

#BBF4AD

#ADDFF4

#E6ADF4

#F4C3AD

Color Blindness Simulation

Original

#BBF4AD

Protanopia

#D4D4BE

Deuteranopia

#D0CCC2

Tritanopia

#BECCCF

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F4FCF2
100
#E6F9E2
200
#CBF7C0
300
#A5F093
400
#75E959
500
#44E11E
600
#37B418
700
#2C9013
800
#22700F
900
#1C520F
950
#12340A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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