#B4AEDC

#B4AEDC

Color Values

HEX

#B4AEDC

RGB

180, 174, 220

HSL

247.8, 39.7%, 77.3%

HSV

247.8, 20.9%, 86.3%

CMYK

18.2%, 20.9%, 0.0%, 13.7%

OKLCH

0.7714 0.0654 290.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B4AEDC

#D6DCAE

Analogous

#AEBFDC

#CBAEDC

#B4AEDC

Triadic

#B4AEDC

#DCB4AE

#AEDCB4

Split Complementary

#B4AEDC

#DCCBAE

#BFDCAE

Tetradic

#B4AEDC

#DCAEBF

#D6DCAE

#AEDCCB

Color Blindness Simulation

Original

#B4AEDC

Protanopia

#B1B1D1

Deuteranopia

#B2B2CE

Tritanopia

#B4C8C6

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CDE9
300
#B0AADA
400
#857BC6
500
#5A4DB2
600
#483E8E
700
#3A3172
800
#2D2659
900
#241F42
950
#17142A

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026