#B3BFDC

#B3BFDC

Color Values

HEX

#B3BFDC

RGB

179, 191, 220

HSL

222.4, 36.9%, 78.2%

HSV

222.4, 18.6%, 86.3%

CMYK

18.6%, 13.2%, 0.0%, 13.7%

OKLCH

0.8048 0.0431 267.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B3BFDC

#DCD0B3

Analogous

#B3D3DC

#BBB3DC

#B3BFDC

Triadic

#B3BFDC

#DCB3BF

#BFDCB3

Split Complementary

#B3BFDC

#DCBBB3

#D3DCB3

Tetradic

#B3BFDC

#DCB3D3

#DCD0B3

#B3DCBB

Color Blindness Simulation

Original

#B3BFDC

Protanopia

#B8B8D5

Deuteranopia

#B8B7D3

Tritanopia

#B4CFCE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED6E8
300
#ABB8D8
400
#7E92C3
500
#506CAF
600
#40568C
700
#334570
800
#283657
900
#202A41
950
#141A29

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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