#BCFDE2

#BCFDE2

Color Values

HEX

#BCFDE2

RGB

188, 253, 226

HSL

155.1, 94.2%, 86.5%

HSV

155.1, 25.7%, 99.2%

CMYK

25.7%, 0.0%, 10.7%, 0.8%

OKLCH

0.9432 0.0747 167.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCFDE2

#FDBCD7

Analogous

#BCFDC2

#BCF7FD

#BCFDE2

Triadic

#BCFDE2

#E2BCFD

#FDE2BC

Split Complementary

#BCFDE2

#FDBCF7

#FDC2BC

Tetradic

#BCFDE2

#C2BCFD

#FDBCD7

#F7FDBC

Color Blindness Simulation

Original

#BCFDE2

Protanopia

#D8D9E9

Deuteranopia

#D4D0EA

Tritanopia

#BFEEEF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBF0
200
#BAFDE1
300
#88FBCC
400
#48FAB0
500
#07F894
600
#06C676
700
#059E5F
800
#047C4A
900
#075A37
950
#053923

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026