#B0B2D4

#B0B2D4

Color Values

HEX

#B0B2D4

RGB

176, 178, 212

HSL

236.7, 29.5%, 76.1%

HSV

236.7, 17.0%, 83.1%

CMYK

17.0%, 16.0%, 0.0%, 16.9%

OKLCH

0.7732 0.0483 282.5

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#B0B2D4

#D4D2B0

Analogous

#B0C4D4

#C0B0D4

#B0B2D4

Triadic

#B0B2D4

#D4B0B2

#B2D4B0

Split Complementary

#B0B2D4

#D4C0B0

#C4D4B0

Tetradic

#B0B2D4

#D4B0C4

#D4D2B0

#B0D4C0

Color Blindness Simulation

Original

#B0B2D4

Protanopia

#B1B1CC

Deuteranopia

#B1B1CA

Tritanopia

#B0C5C4

Achromatopsia

#B4B4B4

CSS Usage

background-color: #B0B2D4;
color: #B0B2D4;
border-color: #B0B2D4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B2D4
400
#8588BC
500
#5A5EA5
600
#484B84
700
#3A3C6A
800
#2D2F53
900
#24253D
950
#161727

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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