#BCFFE9

#BCFFE9

Color Values

HEX

#BCFFE9

RGB

188, 255, 233

HSL

160.3, 100.0%, 86.9%

HSV

160.3, 26.3%, 100.0%

CMYK

26.3%, 0.0%, 8.6%, 0.0%

OKLCH

0.9493 0.0732 172.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCFFE9

#FFBCD2

Analogous

#BCFFC8

#BCF4FF

#BCFFE9

Triadic

#BCFFE9

#E9BCFF

#FFE9BC

Split Complementary

#BCFFE9

#FFBCF4

#FFC8BC

Tetradic

#BCFFE9

#C8BCFF

#FFBCD2

#F4FFBC

Color Blindness Simulation

Original

#BCFFE9

Protanopia

#D9DAEE

Deuteranopia

#D5D0F0

Tritanopia

#BFF3F3

Achromatopsia

#EFEFEF

CSS Usage

background-color: #BCFFE9;
color: #BCFFE9;
border-color: #BCFFE9;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F1FEFA
100
#DEFCF2
200
#B8FFE8
300
#85FFD7
400
#42FFC1
500
#00FFAB
600
#00CC89
700
#00A36E
800
#008056
900
#055C3F
950
#033A28

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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