#86DCFD

#86DCFD

Color Values

HEX

#86DCFD

RGB

134, 220, 253

HSL

196.6, 96.7%, 75.9%

HSV

196.6, 47.0%, 99.2%

CMYK

47.0%, 13.0%, 0.0%, 0.8%

OKLCH

0.8518 0.095 224.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#86DCFD

#FDA786

Analogous

#86FDE2

#86A1FD

#86DCFD

Triadic

#86DCFD

#FD86DC

#DCFD86

Split Complementary

#86DCFD

#FD86A1

#FDE286

Tetradic

#86DCFD

#E286FD

#FDA786

#A1FD86

Color Blindness Simulation

Original

#86DCFD

Protanopia

#ABACF5

Deuteranopia

#A6A0F3

Tritanopia

#8AEFED

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B9EBFE
300
#87DCFD
400
#45C9FC
500
#04B7FB
600
#0392C9
700
#0375A1
800
#025B7D
900
#06435B
950
#042A39

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026