#86C3FE

#86C3FE

Color Values

HEX

#86C3FE

RGB

134, 195, 254

HSL

209.5, 98.4%, 76.1%

HSV

209.5, 47.2%, 99.6%

CMYK

47.2%, 23.2%, 0.0%, 0.4%

OKLCH

0.7981 0.1052 248.5

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#86C3FE

#FEC186

Analogous

#86FEFD

#8687FE

#86C3FE

Triadic

#86C3FE

#FE86C3

#C3FE86

Split Complementary

#86C3FE

#FE8687

#FEFD86

Tetradic

#86C3FE

#FD86FE

#FEC186

#87FE86

Color Blindness Simulation

Original

#86C3FE

Protanopia

#A0A1F0

Deuteranopia

#9D98EC

Tritanopia

#89E4E2

Achromatopsia

#BABABA

CSS Usage

background-color: #86C3FE;
color: #86C3FE;
border-color: #86C3FE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DCFE
300
#86C3FE
400
#44A2FD
500
#0282FD
600
#0268CA
700
#0153A2
800
#01417E
900
#06315B
950
#041F3A

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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