#BDF9CE

#BDF9CE

Color Values

HEX

#BDF9CE

RGB

189, 249, 206

HSL

137,0, 83,3%, 85,9%

HSV

137,0, 24,1%, 97,6%

CMYK

24,1%, 0,0%, 17,3%, 2,4%

OKLCH

0,9301 0,0841 153,4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDF9CE

#F9BDE8

Analogous

#CAF9BD

#BDF9EC

#BDF9CE

Triadic

#BDF9CE

#CEBDF9

#F9CEBD

Split Complementary

#BDF9CE

#ECBDF9

#F9BDCA

Tetradic

#BDF9CE

#BDCAF9

#F9BDE8

#F9ECBD

Color Blindness Simulation

Original

#BDF9CE

Protanopia

#D7D8D8

Deuteranopia

#D4CFDB

Tritanopia

#C0E1E2

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E1FAE8
200
#BEF9CE
300
#8FF5AC
400
#52EF7F
500
#15EA51
600
#11BB41
700
#0E9634
800
#0B7529
900
#0C5521
950
#083615

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,61: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