#B7BBC4

#B7BBC4

Color Values

HEX

#B7BBC4

RGB

183, 187, 196

HSL

221,5, 9,9%, 74,3%

HSV

221,5, 6,6%, 76,9%

CMYK

6,6%, 4,6%, 0,0%, 23,1%

OKLCH

0,7916 0,0134 266,7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B7BBC4

#C4C0B7

Analogous

#B7C1C4

#B9B7C4

#B7BBC4

Triadic

#B7BBC4

#C4B7BB

#BBC4B7

Split Complementary

#B7BBC4

#C4B9B7

#C1C4B7

Tetradic

#B7BBC4

#C4B7C1

#C4C0B7

#B7C4B9

Color Blindness Simulation

Original

#B7BBC4

Protanopia

#B9B9C2

Deuteranopia

#B8B8C1

Tritanopia

#B7C0C0

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DADF
300
#BCBFC8
400
#979DAA
500
#737B8C
600
#5C6270
700
#4A4F5A
800
#393D46
900
#2C2F35
950
#1C1E21

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,92: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