#BBF9DC

#BBF9DC

Color Values

HEX

#BBF9DC

RGB

187, 249, 220

HSL

151.9, 83.8%, 85.5%

HSV

151.9, 24.9%, 97.6%

CMYK

24.9%, 0.0%, 11.6%, 2.4%

OKLCH

0.9324 0.0739 164.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BBF9DC

#F9BBD8

Analogous

#BBF9BD

#BBF7F9

#BBF9DC

Triadic

#BBF9DC

#DCBBF9

#F9DCBB

Split Complementary

#BBF9DC

#F9BBF7

#F9BDBB

Tetradic

#BBF9DC

#BDBBF9

#F9BBD8

#F7F9BB

Color Blindness Simulation

Original

#BBF9DC

Protanopia

#D6D6E3

Deuteranopia

#D2CEE5

Tritanopia

#BEE9EA

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDF9DD
300
#8FF5C5
400
#52F0A6
500
#15EA86
600
#11BB6B
700
#0D9656
800
#0A7543
900
#0C5533
950
#083620

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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