#B5ADE4

#B5ADE4

Color Values

HEX

#B5ADE4

RGB

181, 173, 228

HSL

248,7, 50,5%, 78,6%

HSV

248,7, 24,1%, 89,4%

CMYK

20,6%, 24,1%, 0,0%, 10,6%

OKLCH

0,7734 0,0781 291,1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B5ADE4

#DCE4AD

Analogous

#ADC0E4

#D0ADE4

#B5ADE4

Triadic

#B5ADE4

#E4B5AD

#ADE4B5

Split Complementary

#B5ADE4

#E4D0AD

#C0E4AD

Tetradic

#B5ADE4

#E4ADC0

#DCE4AD

#ADE4D0

Color Blindness Simulation

Original

#B5ADE4

Protanopia

#B2B1D7

Deuteranopia

#B2B3D4

Tritanopia

#B5CCCA

Achromatopsia

#B3B3B3

CSS Usage

background-color: #B5ADE4;
color: #B5ADE4;
border-color: #B5ADE4;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC9ED
300
#ACA3E1
400
#7F71D0
500
#523FC0
600
#41329A
700
#34287B
800
#292060
900
#211A46
950
#15112D

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,06: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