#86C4FF

#86C4FF

Color Values

HEX

#86C4FF

RGB

134, 196, 255

HSL

209.3, 100.0%, 76.3%

HSV

209.3, 47.5%, 100.0%

CMYK

47.5%, 23.1%, 0.0%, 0.0%

OKLCH

0.8007 0.1057 248.1

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#86C4FF

#FFC186

Analogous

#86FFFE

#8688FF

#86C4FF

Triadic

#86C4FF

#FF86C4

#C4FF86

Split Complementary

#86C4FF

#FF8688

#FFFE86

Tetradic

#86C4FF

#FE86FF

#FFC186

#88FF86

Color Blindness Simulation

Original

#86C4FF

Protanopia

#A1A1F1

Deuteranopia

#9D99ED

Tritanopia

#89E5E3

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DCFF
300
#85C3FF
400
#42A3FF
500
#0082FF
600
#0068CC
700
#0054A3
800
#004180
900
#05315C
950
#031F3A

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026