#86A8FE

#86A8FE

Color Values

HEX

#86A8FE

RGB

134, 168, 254

HSL

223.0, 98.4%, 76.1%

HSV

223.0, 47.2%, 99.6%

CMYK

47.2%, 33.9%, 0.0%, 0.4%

OKLCH

0.7419 0.1306 266.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86A8FE

#FEDC86

Analogous

#86E4FE

#A086FE

#86A8FE

Triadic

#86A8FE

#FE86A8

#A8FE86

Split Complementary

#86A8FE

#FEA086

#E4FE86

Tetradic

#86A8FE

#FE86E4

#FEDC86

#86FEA0

Color Blindness Simulation

Original

#86A8FE

Protanopia

#9595E9

Deuteranopia

#9390E4

Tritanopia

#88D9D5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFE
300
#86A8FE
400
#4478FD
500
#0249FD
600
#023BCA
700
#012FA2
800
#01257E
900
#061E5B
950
#04133A

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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