#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