#AFB4E7

#AFB4E7

Color Values

HEX

#AFB4E7

RGB

175, 180, 231

HSL

234.6, 53.8%, 79.6%

HSV

234.6, 24.2%, 90.6%

CMYK

24.2%, 22.1%, 0.0%, 9.4%

OKLCH

0.7837 0.0727 280.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFB4E7

#E7E2AF

Analogous

#AFD0E7

#C6AFE7

#AFB4E7

Triadic

#AFB4E7

#E7AFB4

#B4E7AF

Split Complementary

#AFB4E7

#E7C6AF

#D0E7AF

Tetradic

#AFB4E7

#E7AFD0

#E7E2AF

#AFE7C6

Color Blindness Simulation

Original

#AFB4E7

Protanopia

#B1B1DB

Deuteranopia

#B1B0D8

Tritanopia

#AFD1CF

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CCEF
300
#A1A7E3
400
#6E77D3
500
#3B47C4
600
#2F399D
700
#262E7E
800
#1D2462
900
#191D48
950
#10122D

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026