#AF90F3

#AF90F3

Color Values

HEX

#AF90F3

RGB

175, 144, 243

HSL

258.8, 80.5%, 75.9%

HSV

258.8, 40.7%, 95.3%

CMYK

28.0%, 40.7%, 0.0%, 4.7%

OKLCH

0.7211 0.1431 297.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF90F3

#D4F390

Analogous

#90A3F3

#E190F3

#AF90F3

Triadic

#AF90F3

#F3AF90

#90F3AF

Split Complementary

#AF90F3

#F3E190

#A3F390

Tetradic

#AF90F3

#F390A3

#D4F390

#90F3E1

Color Blindness Simulation

Original

#AF90F3

Protanopia

#A2A1DB

Deuteranopia

#A3A6D5

Tritanopia

#ADC8C4

Achromatopsia

#9E9E9E

CSS Usage

background-color: #AF90F3;
color: #AF90F3;
border-color: #AF90F3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F2FD
100
#E9E1F9
200
#D1BFF8
300
#AF91F3
400
#8455ED
500
#5919E6
600
#4714B8
700
#391093
800
#2D0C73
900
#230D54
950
#160835

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026