#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026