#BDFAD8

#BDFAD8

Color Values

HEX

#BDFAD8

RGB

189, 250, 216

HSL

146.6, 85.9%, 86.1%

HSV

146.6, 24.4%, 98.0%

CMYK

24.4%, 0.0%, 13.6%, 2.0%

OKLCH

0.9347 0.0769 160.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFAD8

#FABDDF

Analogous

#C1FABD

#BDFAF7

#BDFAD8

Triadic

#BDFAD8

#D8BDFA

#FAD8BD

Split Complementary

#BDFAD8

#F7BDFA

#FABDC1

Tetradic

#BDFAD8

#BDC1FA

#FABDDF

#FAF7BD

Color Blindness Simulation

Original

#BDFAD8

Protanopia

#D7D8E0

Deuteranopia

#D4CFE2

Tritanopia

#C0E7E8

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDFAD8
300
#8DF6BC
400
#50F297
500
#12ED73
600
#0EBE5C
700
#0C984A
800
#09773A
900
#0B562C
950
#07361C

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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