#BDFACE

#BDFACE

Color Values

HEX

#BDFACE

RGB

189, 250, 206

HSL

136,7, 85,9%, 86,1%

HSV

136,7, 24,4%, 98,0%

CMYK

24,4%, 0,0%, 17,6%, 2,0%

OKLCH

0,9322 0,0856 153,2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFACE

#FABDE9

Analogous

#CBFABD

#BDFAED

#BDFACE

Triadic

#BDFACE

#CEBDFA

#FACEBD

Split Complementary

#BDFACE

#EDBDFA

#FABDCB

Tetradic

#BDFACE

#BDCBFA

#FABDE9

#FAEDBD

Color Blindness Simulation

Original

#BDFACE

Protanopia

#D7D8D9

Deuteranopia

#D4CFDB

Tritanopia

#C0E1E3

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E0FAE7
200
#BDFACE
300
#8DF6AA
400
#50F27D
500
#12ED4F
600
#0EBE3F
700
#0C9833
800
#097727
900
#0B5620
950
#073614

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

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