#86AAFD

#86AAFD

Color Values

HEX

#86AAFD

RGB

134, 170, 253

HSL

221.8, 96.7%, 75.9%

HSV

221.8, 47.0%, 99.2%

CMYK

47.0%, 32.8%, 0.0%, 0.8%

OKLCH

0.7455 0.127 265.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86AAFD

#FDD986

Analogous

#86E6FD

#9D86FD

#86AAFD

Triadic

#86AAFD

#FD86AA

#AAFD86

Split Complementary

#86AAFD

#FD9D86

#E6FD86

Tetradic

#86AAFD

#FD86E6

#FDD986

#86FD9D

Color Blindness Simulation

Original

#86AAFD

Protanopia

#9696E9

Deuteranopia

#9491E4

Tritanopia

#88D9D6

Achromatopsia

#A8A8A8

CSS Usage

background-color: #86AAFD;
color: #86AAFD;
border-color: #86AAFD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CEFE
300
#87ABFD
400
#457DFC
500
#044FFB
600
#033FC9
700
#0333A1
800
#02287D
900
#06205B
950
#041439

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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