#8DA4F6

#8DA4F6

Color Values

HEX

#8DA4F6

RGB

141, 164, 246

HSL

226.9, 85.4%, 75.9%

HSV

226.9, 42.7%, 96.5%

CMYK

42.7%, 33.3%, 0.0%, 3.5%

OKLCH

0.7342 0.122 271.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8DA4F6

#F6DF8D

Analogous

#8DD8F6

#AB8DF6

#8DA4F6

Triadic

#8DA4F6

#F68DA4

#A4F68D

Split Complementary

#8DA4F6

#F6AB8D

#D8F68D

Tetradic

#8DA4F6

#F68DD8

#F6DF8D

#8DF6AB

Color Blindness Simulation

Original

#8DA4F6

Protanopia

#9797E2

Deuteranopia

#9694DD

Tritanopia

#8ED2CF

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCAFA
300
#8EA4F6
400
#5073F1
500
#1342EC
600
#0F35BD
700
#0C2A97
800
#092176
900
#0B1B56
950
#071136

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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