#BDFCE3

#BDFCE3

Color Values

HEX

#BDFCE3

RGB

189, 252, 227

HSL

156.2, 91.3%, 86.5%

HSV

156.2, 25.0%, 98.8%

CMYK

25.0%, 0.0%, 9.9%, 1.2%

OKLCH

0.9419 0.0718 168.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BDFCE3

#FCBDD6

Analogous

#BDFCC4

#BDF6FC

#BDFCE3

Triadic

#BDFCE3

#E3BDFC

#FCE3BD

Split Complementary

#BDFCE3

#FCBDF6

#FCC4BD

Tetradic

#BDFCE3

#C4BDFC

#FCBDD6

#F6FCBD

Color Blindness Simulation

Original

#BDFCE3

Protanopia

#D8D9E9

Deuteranopia

#D5D0EA

Tritanopia

#C0EEEF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BBFCE2
300
#8AFACD
400
#4BF7B2
500
#0BF498
600
#09C379
700
#079C61
800
#067A4C
900
#095839
950
#053824

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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