#AFC6FA

#AFC6FA

Color Values

HEX

#AFC6FA

RGB

175, 198, 250

HSL

221.6, 88.2%, 83.3%

HSV

221.6, 30.0%, 98.0%

CMYK

30.0%, 20.8%, 0.0%, 2.0%

OKLCH

0.8274 0.0777 266.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFC6FA

#FAE3AF

Analogous

#AFEBFA

#BDAFFA

#AFC6FA

Triadic

#AFC6FA

#FAAFC6

#C6FAAF

Split Complementary

#AFC6FA

#FABDAF

#EBFAAF

Tetradic

#AFC6FA

#FAAFEB

#FAE3AF

#AFFABD

Color Blindness Simulation

Original

#AFC6FA

Protanopia

#B9B9ED

Deuteranopia

#B8B6EA

Tritanopia

#B0E3E1

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BCCFFB
300
#8CADF8
400
#4D80F4
500
#0F54F0
600
#0C43C0
700
#0A369A
800
#082A78
900
#0A2257
950
#061537

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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