#86B2FD

#86B2FD

Color Values

HEX

#86B2FD

RGB

134, 178, 253

HSL

217.8, 96.7%, 75.9%

HSV

217.8, 47.0%, 99.2%

CMYK

47.0%, 29.6%, 0.0%, 0.8%

OKLCH

0.7619 0.1185 260.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#86B2FD

#FDD186

Analogous

#86EEFD

#9686FD

#86B2FD

Triadic

#86B2FD

#FD86B2

#B2FD86

Split Complementary

#86B2FD

#FD9686

#EEFD86

Tetradic

#86B2FD

#FD86EE

#FDD186

#86FD96

Color Blindness Simulation

Original

#86B2FD

Protanopia

#9999EB

Deuteranopia

#9693E6

Tritanopia

#88DDD9

Achromatopsia

#AEAEAE

CSS Usage

background-color: #86B2FD;
color: #86B2FD;
border-color: #86B2FD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F6FE
100
#DEE9FC
200
#B9D2FE
300
#87B2FD
400
#4589FC
500
#045FFB
600
#034CC9
700
#033DA1
800
#02307D
900
#06255B
950
#041839

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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