#86E4FE

#86E4FE

Color Values

HEX

#86E4FE

RGB

134, 228, 254

HSL

193.0, 98.4%, 76.1%

HSV

193.0, 47.2%, 99.6%

CMYK

47.2%, 10.2%, 0.0%, 0.4%

OKLCH

0.8697 0.0962 217.6

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#86E4FE

#FEA086

Analogous

#86FEDC

#86A8FE

#86E4FE

Triadic

#86E4FE

#FE86E4

#E4FE86

Split Complementary

#86E4FE

#FE86A8

#FEDC86

Tetradic

#86E4FE

#DC86FE

#FEA086

#A8FE86

Color Blindness Simulation

Original

#86E4FE

Protanopia

#AFB0F8

Deuteranopia

#A9A2F6

Tritanopia

#8BF3F2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8EFFE
300
#86E4FE
400
#44D5FD
500
#02C7FD
600
#029FCA
700
#017FA2
800
#01637E
900
#06495B
950
#042E3A

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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