#AFB8F0

#AFB8F0

Color Values

HEX

#AFB8F0

RGB

175, 184, 240

HSL

231,7, 68,4%, 81,4%

HSV

231,7, 27,1%, 94,1%

CMYK

27,1%, 23,3%, 0,0%, 5,9%

OKLCH

0,7953 0,0801 277,3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFB8F0

#F0E7AF

Analogous

#AFD9F0

#C7AFF0

#AFB8F0

Triadic

#AFB8F0

#F0AFB8

#B8F0AF

Split Complementary

#AFB8F0

#F0C7AF

#D9F0AF

Tetradic

#AFB8F0

#F0AFD9

#F0E7AF

#AFF0C7

Color Blindness Simulation

Original

#AFB8F0

Protanopia

#B3B3E2

Deuteranopia

#B2B2DF

Tritanopia

#AFD8D5

Achromatopsia

#BABABA

CSS Usage

background-color: #AFB8F0;
color: #AFB8F0;
border-color: #AFB8F0;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F4FC
100
#E3E6F8
200
#C3CAF4
300
#98A4EC
400
#6072E1
500
#2840D7
600
#2034AC
700
#1A2989
800
#14206B
900
#131B4E
950
#0C1131

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,94: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