#BDFACF

#BDFACF

Color Values

HEX

#BDFACF

RGB

189, 250, 207

HSL

137.7, 85.9%, 86.1%

HSV

137.7, 24.4%, 98.0%

CMYK

24.4%, 0.0%, 17.2%, 2.0%

OKLCH

0.9325 0.0847 153.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFACF

#FABDE8

Analogous

#CAFABD

#BDFAEE

#BDFACF

Triadic

#BDFACF

#CFBDFA

#FACFBD

Split Complementary

#BDFACF

#EEBDFA

#FABDCA

Tetradic

#BDFACF

#BDCAFA

#FABDE8

#FAEEBD

Color Blindness Simulation

Original

#BDFACF

Protanopia

#D7D8D9

Deuteranopia

#D4CFDC

Tritanopia

#C0E2E3

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E0FAE8
200
#BDFACF
300
#8DF6AC
400
#50F27F
500
#12ED53
600
#0EBE42
700
#0C9835
800
#097729
900
#0B5621
950
#073615

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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