#86A0FD

#86A0FD

Color Values

HEX

#86A0FD

RGB

134, 160, 253

HSL

226.9, 96.7%, 75.9%

HSV

226.9, 47.0%, 99.2%

CMYK

47.0%, 36.8%, 0.0%, 0.8%

OKLCH

0.7253 0.1386 270.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86A0FD

#FDE386

Analogous

#86DBFD

#A886FD

#86A0FD

Triadic

#86A0FD

#FD86A0

#A0FD86

Split Complementary

#86A0FD

#FDA886

#DBFD86

Tetradic

#86A0FD

#FD86DB

#FDE386

#86FDA8

Color Blindness Simulation

Original

#86A0FD

Protanopia

#9191E7

Deuteranopia

#908EE1

Tritanopia

#87D5D1

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B9C8FE
300
#87A0FD
400
#456DFC
500
#043AFB
600
#032EC9
700
#0325A1
800
#021D7D
900
#06195B
950
#041039

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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