#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026