#AFB4D8

#AFB4D8

Color Values

HEX

#AFB4D8

RGB

175, 180, 216

HSL

232.7, 34.5%, 76.7%

HSV

232.7, 19.0%, 84.7%

CMYK

19.0%, 16.7%, 0.0%, 15.3%

OKLCH

0.778 0.0515 278.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFB4D8

#D8D3AF

Analogous

#AFC9D8

#BFAFD8

#AFB4D8

Triadic

#AFB4D8

#D8AFB4

#B4D8AF

Split Complementary

#AFB4D8

#D8BFAF

#C9D8AF

Tetradic

#AFB4D8

#D8AFC9

#D8D3AF

#AFD8BF

Color Blindness Simulation

Original

#AFB4D8

Protanopia

#B1B1CF

Deuteranopia

#B1B0CD

Tritanopia

#AFC8C7

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E8
300
#ADB2D7
400
#8088C1
500
#545EAB
600
#434B89
700
#353C6E
800
#2A2F56
900
#21253F
950
#151728

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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