#B2AFDE

#B2AFDE

Color Values

HEX

#B2AFDE

RGB

178, 175, 222

HSL

243.8, 41.6%, 77.8%

HSV

243.8, 21.2%, 87.1%

CMYK

19.8%, 21.2%, 0.0%, 12.9%

OKLCH

0.7726 0.0667 287.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2AFDE

#DBDEAF

Analogous

#AFC3DE

#C9AFDE

#B2AFDE

Triadic

#B2AFDE

#DEB2AF

#AFDEB2

Split Complementary

#B2AFDE

#DEC9AF

#C3DEAF

Tetradic

#B2AFDE

#DEAFC3

#DBDEAF

#AFDEC9

Color Blindness Simulation

Original

#B2AFDE

Protanopia

#B1B1D3

Deuteranopia

#B1B1D0

Tritanopia

#B2CAC8

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECCEA
300
#ACA8DB
400
#7E79C8
500
#514AB5
600
#413C90
700
#343074
800
#29255A
900
#211E43
950
#15132A

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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