#AFB0F3

#AFB0F3

Color Values

HEX

#AFB0F3

RGB

175, 176, 243

HSL

239.1, 73.9%, 82.0%

HSV

239.1, 28.0%, 95.3%

CMYK

28.0%, 27.6%, 0.0%, 4.7%

OKLCH

0.7808 0.095 283.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFB0F3

#F3F2AF

Analogous

#AFD2F3

#D0AFF3

#AFB0F3

Triadic

#AFB0F3

#F3AFB0

#B0F3AF

Split Complementary

#AFB0F3

#F3D0AF

#D2F3AF

Tetradic

#AFB0F3

#F3AFD2

#F3F2AF

#AFF3D0

Color Blindness Simulation

Original

#AFB0F3

Protanopia

#AFAFE3

Deuteranopia

#AFAFDF

Tritanopia

#AFD6D3

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C2F6
300
#9596EF
400
#5B5DE6
500
#2124DE
600
#1B1DB1
700
#15178E
800
#11126F
900
#101151
950
#0A0B33

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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