#BCEFC2

#BCEFC2

Color Values

HEX

#BCEFC2

RGB

188, 239, 194

HSL

127.1, 61.4%, 83.7%

HSV

127.1, 21.3%, 93.7%

CMYK

21.3%, 0.0%, 18.8%, 6.3%

OKLCH

0.9049 0.0804 148.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCEFC2

#EFBCE9

Analogous

#CFEFBC

#BCEFDB

#BCEFC2

Triadic

#BCEFC2

#C2BCEF

#EFC2BC

Split Complementary

#BCEFC2

#DBBCEF

#EFBCCF

Tetradic

#BCEFC2

#BCCFEF

#EFBCE9

#EFDBBC

Color Blindness Simulation

Original

#BCEFC2

Protanopia

#D2D3CD

Deuteranopia

#CFCBD0

Tritanopia

#BFD5D7

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C5F1CB
300
#9CE7A5
400
#67DB74
500
#31CE44
600
#27A536
700
#1F842B
800
#196722
900
#164B1C
950
#0E3012

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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