#B6BCDC

#B6BCDC

Color Values

HEX

#B6BCDC

RGB

182, 188, 220

HSL

230.5, 35.2%, 78.8%

HSV

230.5, 17.3%, 86.3%

CMYK

17.3%, 14.5%, 0.0%, 13.7%

OKLCH

0.801 0.0457 276.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B6BCDC

#DCD6B6

Analogous

#B6CFDC

#C3B6DC

#B6BCDC

Triadic

#B6BCDC

#DCB6BC

#BCDCB6

Split Complementary

#B6BCDC

#DCC3B6

#CFDCB6

Tetradic

#B6BCDC

#DCB6CF

#DCD6B6

#B6DCC3

Color Blindness Simulation

Original

#B6BCDC

Protanopia

#B9B9D4

Deuteranopia

#B8B8D2

Tritanopia

#B6CECD

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD3E8
300
#ACB3D7
400
#7F8AC2
500
#5361AC
600
#424D8A
700
#353E6E
800
#293056
900
#212640
950
#151828

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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