#86BEED

#86BEED

Color Values

HEX

#86BEED

RGB

134, 190, 237

HSL

207.4, 74.1%, 72.7%

HSV

207.4, 43.5%, 92.9%

CMYK

43.5%, 19.8%, 0.0%, 7.1%

OKLCH

0.7802 0.0892 244.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#86BEED

#EDB586

Analogous

#86EDE8

#868AED

#86BEED

Triadic

#86BEED

#ED86BE

#BEED86

Split Complementary

#86BEED

#ED868A

#EDE886

Tetradic

#86BEED

#E886ED

#EDB586

#8AED86

Color Blindness Simulation

Original

#86BEED

Protanopia

#9E9FE2

Deuteranopia

#9B97DF

Tritanopia

#89D9D7

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF6
300
#94C6EF
400
#5BA7E7
500
#2188DE
600
#1A6DB2
700
#15578E
800
#11446F
900
#103351
950
#0A2033

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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