#86E5FD

#86E5FD

Color Values

HEX

#86E5FD

RGB

134, 229, 253

HSL

192.1, 96.7%, 75.9%

HSV

192.1, 47.0%, 99.2%

CMYK

47.0%, 9.5%, 0.0%, 0.8%

OKLCH

0.8716 0.0959 215.9

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#86E5FD

#FD9E86

Analogous

#86FDDA

#86AAFD

#86E5FD

Triadic

#86E5FD

#FD86E5

#E5FD86

Split Complementary

#86E5FD

#FD86AA

#FDDA86

Tetradic

#86E5FD

#DA86FD

#FD9E86

#AAFD86

Color Blindness Simulation

Original

#86E5FD

Protanopia

#AFB0F7

Deuteranopia

#AAA2F6

Tritanopia

#8BF3F2

Achromatopsia

#D3D3D3

CSS Usage

background-color: #86E5FD;
color: #86E5FD;
border-color: #86E5FD;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B9F0FE
300
#87E5FD
400
#45D7FC
500
#04C9FB
600
#03A1C9
700
#0381A1
800
#02657D
900
#064A5B
950
#042E39

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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