#BBFAD6

#BBFAD6

Color Values

HEX

#BBFAD6

RGB

187, 250, 214

HSL

145.7, 86.3%, 85.7%

HSV

145.7, 25.2%, 98.0%

CMYK

25.2%, 0.0%, 14.4%, 2.0%

OKLCH

0.933 0.0801 159.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BBFAD6

#FABBDF

Analogous

#C0FABB

#BBFAF5

#BBFAD6

Triadic

#BBFAD6

#D6BBFA

#FAD6BB

Split Complementary

#BBFAD6

#F5BBFA

#FABBC0

Tetradic

#BBFAD6

#BBC0FA

#FABBDF

#FAF5BB

Color Blindness Simulation

Original

#BBFAD6

Protanopia

#D6D7DF

Deuteranopia

#D3CEE1

Tritanopia

#BEE6E7

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEB
200
#BCFAD7
300
#8DF7BA
400
#4FF295
500
#11EE70
600
#0EBE59
700
#0B9848
800
#097738
900
#0B562B
950
#07361B

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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