#B7B6DF

#B7B6DF

Color Values

HEX

#B7B6DF

RGB

183, 182, 223

HSL

241.5, 39.0%, 79.4%

HSV

241.5, 18.4%, 87.5%

CMYK

17.9%, 18.4%, 0.0%, 12.5%

OKLCH

0.7908 0.0578 286.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B7B6DF

#DEDFB6

Analogous

#B6C9DF

#CBB6DF

#B7B6DF

Triadic

#B7B6DF

#DFB7B6

#B6DFB7

Split Complementary

#B7B6DF

#DFCBB6

#C9DFB6

Tetradic

#B7B6DF

#DFB6C9

#DEDFB6

#B6DFCB

Color Blindness Simulation

Original

#B7B6DF

Protanopia

#B7B7D5

Deuteranopia

#B7B7D3

Tritanopia

#B7CDCC

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDE9
300
#ABAADA
400
#7E7CC5
500
#504EB1
600
#403E8E
700
#333271
800
#282759
900
#201F41
950
#141429

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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