#86BFED

#86BFED

Color Values

HEX

#86BFED

RGB

134, 191, 237

HSL

206.8, 74.1%, 72.7%

HSV

206.8, 43.5%, 92.9%

CMYK

43.5%, 19.4%, 0.0%, 7.1%

OKLCH

0.7824 0.0886 243.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#86BFED

#EDB486

Analogous

#86EDE7

#868BED

#86BFED

Triadic

#86BFED

#ED86BF

#BFED86

Split Complementary

#86BFED

#ED868B

#EDE786

Tetradic

#86BFED

#E786ED

#EDB486

#8BED86

Color Blindness Simulation

Original

#86BFED

Protanopia

#9F9FE2

Deuteranopia

#9B97DF

Tritanopia

#89D9D7

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF6
300
#94C7EF
400
#5BA8E7
500
#218ADE
600
#1A6EB2
700
#15588E
800
#11456F
900
#103451
950
#0A2133

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.69:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026