#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