#BCCBB5

#BCCBB5

Color Values

HEX

#BCCBB5

RGB

188, 203, 181

HSL

100.9, 17.5%, 75.3%

HSV

100.9, 10.8%, 79.6%

CMYK

7.4%, 0.0%, 10.8%, 20.4%

OKLCH

0.8245 0.0343 135.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCCBB5

#C4B5CB

Analogous

#C7CBB5

#B5CBB9

#BCCBB5

Triadic

#BCCBB5

#B5BCCB

#CBB5BC

Split Complementary

#BCCBB5

#B9B5CB

#CBB5C7

Tetradic

#BCCBB5

#B5C7CB

#C4B5CB

#CBB9B5

Color Blindness Simulation

Original

#BCCBB5

Protanopia

#C2C3BA

Deuteranopia

#C2C0BC

Tritanopia

#BDBFBF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECF0EA
200
#D9E2D5
300
#BECDB7
400
#9BB190
500
#779669
600
#607854
700
#4C6043
800
#3C4B35
900
#2E3829
950
#1D231A

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.35:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026