#BBF4D2

#BBF4D2

Color Values

HEX

#BBF4D2

RGB

187, 244, 210

HSL

144.2, 72.2%, 84.5%

HSV

144.2, 23.4%, 95.7%

CMYK

23.4%, 0.0%, 13.9%, 4.3%

OKLCH

0.919 0.0741 158.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BBF4D2

#F4BBDD

Analogous

#C0F4BB

#BBF4EE

#BBF4D2

Triadic

#BBF4D2

#D2BBF4

#F4D2BB

Split Complementary

#BBF4D2

#EEBBF4

#F4BBC0

Tetradic

#BBF4D2

#BBC0F4

#F4BBDD

#F4EEBB

Color Blindness Simulation

Original

#BBF4D2

Protanopia

#D4D4DA

Deuteranopia

#D0CCDC

Tritanopia

#BEE1E2

Achromatopsia

#E5E5E5

CSS Usage

background-color: #BBF4D2;
color: #BBF4D2;
border-color: #BBF4D2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F3FCF6
100
#E2F8EB
200
#C2F5D6
300
#96EEB9
400
#5DE593
500
#23DC6E
600
#1CB058
700
#178D46
800
#126E37
900
#11502A
950
#0B321B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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