#BBCCAD

#BBCCAD

Color Values

HEX

#BBCCAD

RGB

187, 204, 173

HSL

92,9, 23,3%, 73,9%

HSV

92,9, 15,2%, 80,0%

CMYK

8,3%, 0,0%, 15,2%, 20,0%

OKLCH

0,8239 0,0462 130,9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BBCCAD

#BEADCC

Analogous

#CACCAD

#ADCCAE

#BBCCAD

Triadic

#BBCCAD

#ADBBCC

#CCADBB

Split Complementary

#BBCCAD

#AEADCC

#CCADCA

Tetradic

#BBCCAD

#ADCACC

#BEADCC

#CCAEAD

Color Blindness Simulation

Original

#BBCCAD

Protanopia

#C2C3B4

Deuteranopia

#C1C0B6

Tritanopia

#BCBABC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DAE4D3
300
#C0D0B4
400
#9FB78B
500
#7D9D62
600
#647E4E
700
#50653F
800
#3E4F31
900
#2F3B26
950
#1E2518

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

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