#86DBFD

#86DBFD

Color Values

HEX

#86DBFD

RGB

134, 219, 253

HSL

197.1, 96.7%, 75.9%

HSV

197.1, 47.0%, 99.2%

CMYK

47.0%, 13.4%, 0.0%, 0.8%

OKLCH

0.8496 0.095 225.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#86DBFD

#FDA886

Analogous

#86FDE3

#86A0FD

#86DBFD

Triadic

#86DBFD

#FD86DB

#DBFD86

Split Complementary

#86DBFD

#FD86A0

#FDE386

Tetradic

#86DBFD

#E386FD

#FDA886

#A0FD86

Color Blindness Simulation

Original

#86DBFD

Protanopia

#ABACF5

Deuteranopia

#A6A0F3

Tritanopia

#8AEEED

Achromatopsia

#CBCBCB

CSS Usage

background-color: #86DBFD;
color: #86DBFD;
border-color: #86DBFD;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9EAFE
300
#87DBFD
400
#45C8FC
500
#04B5FB
600
#0390C9
700
#0374A1
800
#025A7D
900
#06435B
950
#042A39

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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