#BCCEC0

#BCCEC0

Color Values

HEX

#BCCEC0

RGB

188, 206, 192

HSL

133.3, 15.5%, 77.3%

HSV

133.3, 8.7%, 80.8%

CMYK

8.7%, 0.0%, 6.8%, 19.2%

OKLCH

0.8338 0.0274 152.3

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCCEC0

#CEBCCA

Analogous

#C1CEBC

#BCCEC9

#BCCEC0

Triadic

#BCCEC0

#C0BCCE

#CEC0BC

Split Complementary

#BCCEC0

#C9BCCE

#CEBCC1

Tetradic

#BCCEC0

#BCC1CE

#CEBCCA

#CEC9BC

Color Blindness Simulation

Original

#BCCEC0

Protanopia

#C4C4C3

Deuteranopia

#C3C1C4

Tritanopia

#BDC6C7

Achromatopsia

#C9C9C9

CSS Usage

background-color: #BCCEC0;
color: #BCCEC0;
border-color: #BCCEC0;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D6E1D8
300
#B8CBBD
400
#92AF99
500
#6C9374
600
#56765D
700
#455E4B
800
#364A3A
900
#2A372D
950
#1A231C

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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