#AFB2F5

#AFB2F5

Color Values

HEX

#AFB2F5

RGB

175, 178, 245

HSL

237.4, 77.8%, 82.4%

HSV

237.4, 28.6%, 96.1%

CMYK

28.6%, 27.3%, 0.0%, 3.9%

OKLCH

0.7856 0.0951 282.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFB2F5

#F5F2AF

Analogous

#AFD5F5

#CFAFF5

#AFB2F5

Triadic

#AFB2F5

#F5AFB2

#B2F5AF

Split Complementary

#AFB2F5

#F5CFAF

#D5F5AF

Tetradic

#AFB2F5

#F5AFD5

#F5F2AF

#AFF5CF

Color Blindness Simulation

Original

#AFB2F5

Protanopia

#B0B0E5

Deuteranopia

#B0B0E1

Tritanopia

#AFD8D5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#C0C2F7
300
#9296F1
400
#575EEA
500
#1C25E3
600
#171EB5
700
#121891
800
#0E1271
900
#0F1152
950
#090B34

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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