#B2AFDC

#B2AFDC

Color Values

HEX

#B2AFDC

RGB

178, 175, 220

HSL

244.0, 39.1%, 77.5%

HSV

244.0, 20.5%, 86.3%

CMYK

19.1%, 20.5%, 0.0%, 13.7%

OKLCH

0.7718 0.0638 287.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2AFDC

#D9DCAF

Analogous

#AFC3DC

#C9AFDC

#B2AFDC

Triadic

#B2AFDC

#DCB2AF

#AFDCB2

Split Complementary

#B2AFDC

#DCC9AF

#C3DCAF

Tetradic

#B2AFDC

#DCAFC3

#D9DCAF

#AFDCC9

Color Blindness Simulation

Original

#B2AFDC

Protanopia

#B1B1D1

Deuteranopia

#B1B1CE

Tritanopia

#B2C9C7

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#817CC6
500
#544EB1
600
#433E8E
700
#363272
800
#2A2759
900
#221F41
950
#151429

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.06:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026