#BCFCE2

#BCFCE2

Color Values

HEX

#BCFCE2

RGB

188, 252, 226

HSL

155,6, 91,4%, 86,3%

HSV

155,6, 25,4%, 98,8%

CMYK

25,4%, 0,0%, 10,3%, 1,2%

OKLCH

0,941 0,0733 167,8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCFCE2

#FCBCD6

Analogous

#BCFCC2

#BCF6FC

#BCFCE2

Triadic

#BCFCE2

#E2BCFC

#FCE2BC

Split Complementary

#BCFCE2

#FCBCF6

#FCC2BC

Tetradic

#BCFCE2

#C2BCFC

#FCBCD6

#F6FCBC

Color Blindness Simulation

Original

#BCFCE2

Protanopia

#D8D8E8

Deuteranopia

#D4CFEA

Tritanopia

#BFEDEE

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBF0
200
#BBFCE1
300
#8AFACC
400
#4AF7B1
500
#0BF495
600
#09C377
700
#079C60
800
#057A4B
900
#095838
950
#053823

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,16: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