#86D3FD

#86D3FD

Color Values

HEX

#86D3FD

RGB

134, 211, 253

HSL

201.2, 96.7%, 75.9%

HSV

201.2, 47.0%, 99.2%

CMYK

47.0%, 16.6%, 0.0%, 0.8%

OKLCH

0.8322 0.0963 233.5

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#86D3FD

#FDB086

Analogous

#86FDEC

#8698FD

#86D3FD

Triadic

#86D3FD

#FD86D3

#D3FD86

Split Complementary

#86D3FD

#FD8698

#FDEC86

Tetradic

#86D3FD

#EC86FD

#FDB086

#98FD86

Color Blindness Simulation

Original

#86D3FD

Protanopia

#A7A8F3

Deuteranopia

#A39DF0

Tritanopia

#8AEBE9

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B9E5FE
300
#87D3FD
400
#45BBFC
500
#04A4FB
600
#0383C9
700
#0369A1
800
#02527D
900
#063D5B
950
#042639

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026