#BBBAC7

#BBBAC7

Color Values

HEX

#BBBAC7

RGB

187, 186, 199

HSL

244.6, 10.4%, 75.5%

HSV

244.6, 6.5%, 78.0%

CMYK

6.0%, 6.5%, 0.0%, 22.0%

OKLCH

0.7937 0.0182 289.5

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BBBAC7

#C6C7BA

Analogous

#BAC0C7

#C2BAC7

#BBBAC7

Triadic

#BBBAC7

#C7BBBA

#BAC7BB

Split Complementary

#BBBAC7

#C7C2BA

#C0C7BA

Tetradic

#BBBAC7

#C7BAC0

#C6C7BA

#BAC7C2

Color Blindness Simulation

Original

#BBBAC7

Protanopia

#BBBBC4

Deuteranopia

#BBBBC3

Tritanopia

#BBC1C1

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BBBAC7;
color: #BBBAC7;
border-color: #BBBAC7;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BCBBC8
400
#9897AA
500
#74728D
600
#5D5B71
700
#4A495A
800
#3A3946
900
#2D2C35
950
#1C1C21

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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