#B7ADD2

#B7ADD2

Color Values

HEX

#B7ADD2

RGB

183, 173, 210

HSL

256.2, 29.1%, 75.1%

HSV

256.2, 17.6%, 82.4%

CMYK

12.9%, 17.6%, 0.0%, 17.6%

OKLCH

0.7682 0.0533 297.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B7ADD2

#C8D2AD

Analogous

#ADB6D2

#C9ADD2

#B7ADD2

Triadic

#B7ADD2

#D2B7AD

#ADD2B7

Split Complementary

#B7ADD2

#D2C9AD

#B6D2AD

Tetradic

#B7ADD2

#D2ADB6

#C8D2AD

#ADD2C9

Color Blindness Simulation

Original

#B7ADD2

Protanopia

#B3B3C9

Deuteranopia

#B3B4C7

Tritanopia

#B6C2C0

Achromatopsia

#B2B2B2

CSS Usage

background-color: #B7ADD2;
color: #B7ADD2;
border-color: #B7ADD2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D7D1E6
300
#BAB0D4
400
#9485BC
500
#6E5AA5
600
#584884
700
#473A69
800
#372D52
900
#2B243D
950
#1B1727

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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