#BDF5DE

#BDF5DE

Color Values

HEX

#BDF5DE

RGB

189, 245, 222

HSL

155.4, 73.7%, 85.1%

HSV

155.4, 22.9%, 96.1%

CMYK

22.9%, 0.0%, 9.4%, 3.9%

OKLCH

0.9255 0.0649 167.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDF5DE

#F5BDD4

Analogous

#BDF5C2

#BDF0F5

#BDF5DE

Triadic

#BDF5DE

#DEBDF5

#F5DEBD

Split Complementary

#BDF5DE

#F5BDF0

#F5C2BD

Tetradic

#BDF5DE

#C2BDF5

#F5BDD4

#F0F5BD

Color Blindness Simulation

Original

#BDF5DE

Protanopia

#D5D6E4

Deuteranopia

#D2CEE5

Tritanopia

#C0E8E9

Achromatopsia

#E7E7E7

CSS Usage

background-color: #BDF5DE;
color: #BDF5DE;
border-color: #BDF5DE;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C1F6E0
300
#95EFCA
400
#5BE6AD
500
#22DD90
600
#1BB174
700
#158E5C
800
#116F48
900
#105136
950
#0A3322

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.28:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026