#8FA2F4

#8FA2F4

Color Values

HEX

#8FA2F4

RGB

143, 162, 244

HSL

228.7, 82.1%, 75.9%

HSV

228.7, 41.4%, 95.7%

CMYK

41.4%, 33.6%, 0.0%, 4.3%

OKLCH

0.7306 0.1211 273.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8FA2F4

#F4E18F

Analogous

#8FD5F4

#AF8FF4

#8FA2F4

Triadic

#8FA2F4

#F48FA2

#A2F48F

Split Complementary

#8FA2F4

#F4AF8F

#D5F48F

Tetradic

#8FA2F4

#F48FD5

#F4E18F

#8FF4AF

Color Blindness Simulation

Original

#8FA2F4

Protanopia

#9797E0

Deuteranopia

#9695DB

Tritanopia

#90D0CD

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC9F9
300
#90A2F4
400
#5370EE
500
#173EE8
600
#1232BA
700
#0F2895
800
#0B1F74
900
#0D1A54
950
#081135

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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