#86A9FD

#86A9FD

Color Values

HEX

#86A9FD

RGB

134, 169, 253

HSL

222.4, 96.7%, 75.9%

HSV

222.4, 47.0%, 99.2%

CMYK

47.0%, 33.2%, 0.0%, 0.8%

OKLCH

0.7434 0.1281 266.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86A9FD

#FDDA86

Analogous

#86E4FD

#9F86FD

#86A9FD

Triadic

#86A9FD

#FD86A9

#A9FD86

Split Complementary

#86A9FD

#FD9F86

#E4FD86

Tetradic

#86A9FD

#FD86E4

#FDDA86

#86FD9F

Color Blindness Simulation

Original

#86A9FD

Protanopia

#9595E9

Deuteranopia

#9390E4

Tritanopia

#88D9D5

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CDFE
300
#87A9FD
400
#457BFC
500
#044DFB
600
#033DC9
700
#0331A1
800
#02267D
900
#061F5B
950
#041439

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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