#BBD6CB

#BBD6CB

Color Values

HEX

#BBD6CB

RGB

187, 214, 203

HSL

155.6, 24.8%, 78.6%

HSV

155.6, 12.6%, 83.9%

CMYK

12.6%, 0.0%, 5.1%, 16.1%

OKLCH

0.853 0.0326 169.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BBD6CB

#D6BBC6

Analogous

#BBD6BD

#BBD3D6

#BBD6CB

Triadic

#BBD6CB

#CBBBD6

#D6CBBB

Split Complementary

#BBD6CB

#D6BBD3

#D6BDBB

Tetradic

#BBD6CB

#BDBBD6

#D6BBC6

#D3D6BB

Color Blindness Simulation

Original

#BBD6CB

Protanopia

#C7C7CE

Deuteranopia

#C5C3CE

Tritanopia

#BCD0D0

Achromatopsia

#CFCFCF

CSS Usage

background-color: #BBD6CB;
color: #BBD6CB;
border-color: #BBD6CB;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B3D1C5
400
#89B8A5
500
#609F85
600
#4D7F6B
700
#3D6655
800
#305043
900
#263B32
950
#182520

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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