#B2BADB

#B2BADB

Color Values

HEX

#B2BADB

RGB

178, 186, 219

HSL

228.3, 36.3%, 77.8%

HSV

228.3, 18.7%, 85.9%

CMYK

18.7%, 15.1%, 0.0%, 14.1%

OKLCH

0.7935 0.0476 274.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B2BADB

#DBD3B2

Analogous

#B2CEDB

#BEB2DB

#B2BADB

Triadic

#B2BADB

#DBB2BA

#BADBB2

Split Complementary

#B2BADB

#DBBEB2

#CEDBB2

Tetradic

#B2BADB

#DBB2CE

#DBD3B2

#B2DBBE

Color Blindness Simulation

Original

#B2BADB

Protanopia

#B5B6D3

Deuteranopia

#B5B4D1

Tritanopia

#B2CDCB

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CED3E8
300
#ACB4D8
400
#7E8CC3
500
#5163AE
600
#414F8B
700
#34406F
800
#293257
900
#212740
950
#151929

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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