#86DAFE

#86DAFE

Color Values

HEX

#86DAFE

RGB

134, 218, 254

HSL

198.0, 98.4%, 76.1%

HSV

198.0, 47.2%, 99.6%

CMYK

47.2%, 14.2%, 0.0%, 0.4%

OKLCH

0.8478 0.0958 227.3

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#86DAFE

#FEAA86

Analogous

#86FEE6

#869EFE

#86DAFE

Triadic

#86DAFE

#FE86DA

#DAFE86

Split Complementary

#86DAFE

#FE869E

#FEE686

Tetradic

#86DAFE

#E686FE

#FEAA86

#9EFE86

Color Blindness Simulation

Original

#86DAFE

Protanopia

#AAABF5

Deuteranopia

#A69FF3

Tritanopia

#8AEEED

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FE
300
#86DAFE
400
#44C6FD
500
#02B2FD
600
#028ECA
700
#0172A2
800
#01597E
900
#06425B
950
#04293A

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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