#AFB1DE

#AFB1DE

Color Values

HEX

#AFB1DE

RGB

175, 177, 222

HSL

237.4, 41.6%, 77.8%

HSV

237.4, 21.2%, 87.1%

CMYK

21.2%, 20.3%, 0.0%, 12.9%

OKLCH

0.7742 0.064 282.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFB1DE

#DEDCAF

Analogous

#AFC8DE

#C4AFDE

#AFB1DE

Triadic

#AFB1DE

#DEAFB1

#B1DEAF

Split Complementary

#AFB1DE

#DEC4AF

#C8DEAF

Tetradic

#AFB1DE

#DEAFC8

#DEDCAF

#AFDEC4

Color Blindness Simulation

Original

#AFB1DE

Protanopia

#B0B0D3

Deuteranopia

#B0B0D0

Tritanopia

#AFCBC9

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CCCEEA
300
#A8ABDB
400
#797DC8
500
#4A4FB5
600
#3C3F90
700
#303374
800
#25285A
900
#1E2043
950
#13142A

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.17:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026