#86D8FD

#86D8FD

Color Values

HEX

#86D8FD

RGB

134, 216, 253

HSL

198.7, 96.7%, 75.9%

HSV

198.7, 47.0%, 99.2%

CMYK

47.0%, 14.6%, 0.0%, 0.8%

OKLCH

0.8431 0.0953 228.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#86D8FD

#FDAB86

Analogous

#86FDE7

#869DFD

#86D8FD

Triadic

#86D8FD

#FD86D8

#D8FD86

Split Complementary

#86D8FD

#FD869D

#FDE786

Tetradic

#86D8FD

#E786FD

#FDAB86

#9DFD86

Color Blindness Simulation

Original

#86D8FD

Protanopia

#AAAAF4

Deuteranopia

#A59FF2

Tritanopia

#8AEDEB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9E8FE
300
#87D8FD
400
#45C3FC
500
#04AEFB
600
#038BC9
700
#036FA1
800
#02577D
900
#06405B
950
#042939

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026