#BCFDDF

#BCFDDF

Color Values

HEX

#BCFDDF

RGB

188, 253, 223

HSL

152.3, 94.2%, 86.5%

HSV

152.3, 25.7%, 99.2%

CMYK

25.7%, 0.0%, 11.9%, 0.8%

OKLCH

0.9424 0.0768 164.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCFDDF

#FDBCDA

Analogous

#BCFDBF

#BCFBFD

#BCFDDF

Triadic

#BCFDDF

#DFBCFD

#FDDFBC

Split Complementary

#BCFDDF

#FDBCFB

#FDBFBC

Tetradic

#BCFDDF

#BFBCFD

#FDBCDA

#FBFDBC

Color Blindness Simulation

Original

#BCFDDF

Protanopia

#D8D9E6

Deuteranopia

#D4D0E8

Tritanopia

#BFECED

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BAFDDE
300
#88FBC6
400
#48FAA7
500
#07F889
600
#06C66D
700
#059E57
800
#047C44
900
#075A34
950
#053921

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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