#BDFAD5

#BDFAD5

Color Values

HEX

#BDFAD5

RGB

189, 250, 213

HSL

143.6, 85.9%, 86.1%

HSV

143.6, 24.4%, 98.0%

CMYK

24.4%, 0.0%, 14.8%, 2.0%

OKLCH

0.9339 0.0794 157.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFAD5

#FABDE2

Analogous

#C4FABD

#BDFAF4

#BDFAD5

Triadic

#BDFAD5

#D5BDFA

#FAD5BD

Split Complementary

#BDFAD5

#F4BDFA

#FABDC4

Tetradic

#BDFAD5

#BDC4FA

#FABDE2

#FAF4BD

Color Blindness Simulation

Original

#BDFAD5

Protanopia

#D7D8DE

Deuteranopia

#D4CFE0

Tritanopia

#C0E5E7

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FAEA
200
#BDFAD5
300
#8DF6B7
400
#50F28F
500
#12ED68
600
#0EBE53
700
#0C9843
800
#097734
900
#0B5628
950
#07361A

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026