#86B6FD

#86B6FD

Color Values

HEX

#86B6FD

RGB

134, 182, 253

HSL

215,8, 96,7%, 75,9%

HSV

215,8, 47,0%, 99,2%

CMYK

47,0%, 28,1%, 0,0%, 0,8%

OKLCH

0,7703 0,1146 258,0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#86B6FD

#FDCD86

Analogous

#86F1FD

#9286FD

#86B6FD

Triadic

#86B6FD

#FD86B6

#B6FD86

Split Complementary

#86B6FD

#FD9286

#F1FD86

Tetradic

#86B6FD

#FD86F1

#FDCD86

#86FD92

Color Blindness Simulation

Original

#86B6FD

Protanopia

#9B9BEC

Deuteranopia

#9894E8

Tritanopia

#88DEDB

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D5FE
300
#87B6FD
400
#458FFC
500
#0468FB
600
#0353C9
700
#0342A1
800
#02347D
900
#06285B
950
#041939

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

10,12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026