#BCEBCC

#BCEBCC

Color Values

HEX

#BCEBCC

RGB

188, 235, 204

HSL

140.4, 54.0%, 82.9%

HSV

140.4, 20.0%, 92.2%

CMYK

20.0%, 0.0%, 13.2%, 7.8%

OKLCH

0.8987 0.0644 156.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCEBCC

#EBBCDB

Analogous

#C3EBBC

#BCEBE3

#BCEBCC

Triadic

#BCEBCC

#CCBCEB

#EBCCBC

Split Complementary

#BCEBCC

#E3BCEB

#EBBCC3

Tetradic

#BCEBCC

#BCC3EB

#EBBCDB

#EBE3BC

Color Blindness Simulation

Original

#BCEBCC

Protanopia

#D0D1D3

Deuteranopia

#CECAD5

Tritanopia

#BED9DB

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F5EB
200
#C8EFD5
300
#A1E3B7
400
#6ED490
500
#3BC469
600
#2F9D54
700
#267E43
800
#1D6235
900
#194829
950
#102D1A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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