#86ABFF

#86ABFF

Color Values

HEX

#86ABFF

RGB

134, 171, 255

HSL

221.7, 100.0%, 76.3%

HSV

221.7, 47.5%, 100.0%

CMYK

47.5%, 32.9%, 0.0%, 0.0%

OKLCH

0.7485 0.1285 265.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86ABFF

#FFDA86

Analogous

#86E7FF

#9E86FF

#86ABFF

Triadic

#86ABFF

#FF86AB

#ABFF86

Split Complementary

#86ABFF

#FF9E86

#E7FF86

Tetradic

#86ABFF

#FF86E7

#FFDA86

#86FF9E

Color Blindness Simulation

Original

#86ABFF

Protanopia

#9696EB

Deuteranopia

#9491E6

Tritanopia

#88DBD7

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85AAFF
400
#427CFF
500
#004EFF
600
#003ECC
700
#0032A3
800
#002780
900
#051F5C
950
#03143A

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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