#BCCABD

#BCCABD

Color Values

HEX

#BCCABD

RGB

188, 202, 189

HSL

124.3, 11.7%, 76.5%

HSV

124.3, 6.9%, 79.2%

CMYK

6.9%, 0.0%, 6.4%, 20.8%

OKLCH

0.8246 0.0235 147.4

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCCABD

#CABCC9

Analogous

#C2CABC

#BCCAC4

#BCCABD

Triadic

#BCCABD

#BDBCCA

#CABDBC

Split Complementary

#BCCABD

#C4BCCA

#CABCC2

Tetradic

#BCCABD

#BCC2CA

#CABCC9

#CAC4BC

Color Blindness Simulation

Original

#BCCABD

Protanopia

#C2C2C0

Deuteranopia

#C1C0C1

Tritanopia

#BDC3C3

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFD8
300
#BBC9BC
400
#96AC97
500
#718E73
600
#5A725C
700
#485B49
800
#384739
900
#2B362C
950
#1B221C

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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