#B3BDDC

#B3BDDC

Color Values

HEX

#B3BDDC

RGB

179, 189, 220

HSL

225.4, 36.9%, 78.2%

HSV

225.4, 18.6%, 86.3%

CMYK

18.6%, 14.1%, 0.0%, 13.7%

OKLCH

0.8007 0.0453 271.2

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B3BDDC

#DCD2B3

Analogous

#B3D1DC

#BDB3DC

#B3BDDC

Triadic

#B3BDDC

#DCB3BD

#BDDCB3

Split Complementary

#B3BDDC

#DCBDB3

#D1DCB3

Tetradic

#B3BDDC

#DCB3D1

#DCD2B3

#B3DCBD

Color Blindness Simulation

Original

#B3BDDC

Protanopia

#B7B7D5

Deuteranopia

#B7B6D3

Tritanopia

#B3CFCD

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B3BDDC;
color: #B3BDDC;
border-color: #B3BDDC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CED5E8
300
#ABB6D8
400
#7E8FC3
500
#5067AF
600
#40538C
700
#334270
800
#283457
900
#202841
950
#141929

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026