#BCFDE4

#BCFDE4

Color Values

HEX

#BCFDE4

RGB

188, 253, 228

HSL

156.9, 94.2%, 86.5%

HSV

156.9, 25.7%, 99.2%

CMYK

25.7%, 0.0%, 9.9%, 0.8%

OKLCH

0.9437 0.0734 169.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCFDE4

#FDBCD5

Analogous

#BCFDC4

#BCF6FD

#BCFDE4

Triadic

#BCFDE4

#E4BCFD

#FDE4BC

Split Complementary

#BCFDE4

#FDBCF6

#FDC4BC

Tetradic

#BCFDE4

#C4BCFD

#FDBCD5

#F6FDBC

Color Blindness Simulation

Original

#BCFDE4

Protanopia

#D8D9EA

Deuteranopia

#D4D0EC

Tritanopia

#BFEFF0

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE3
300
#88FBCF
400
#48FAB5
500
#07F89B
600
#06C67C
700
#059E63
800
#047C4E
900
#075A3A
950
#053925

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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