#BDFEDB

#BDFEDB

Color Values

HEX

#BDFEDB

RGB

189, 254, 219

HSL

147,7, 97,0%, 86,9%

HSV

147,7, 25,6%, 99,6%

CMYK

25,6%, 0,0%, 13,8%, 0,4%

OKLCH

0,9441 0,0806 160,8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFEDB

#FEBDE0

Analogous

#C0FEBD

#BDFEFC

#BDFEDB

Triadic

#BDFEDB

#DBBDFE

#FEDBBD

Split Complementary

#BDFEDB

#FCBDFE

#FEBDC0

Tetradic

#BDFEDB

#BDC0FE

#FEBDE0

#FEFCBD

Color Blindness Simulation

Original

#BDFEDB

Protanopia

#D9DAE3

Deuteranopia

#D5D0E6

Tritanopia

#C0EAEC

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEC
200
#B9FED9
300
#86FDBD
400
#45FC9A
500
#04FB76
600
#03C95E
700
#02A14C
800
#027E3B
900
#065B2D
950
#04391D

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,36: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