#86E2FE

#86E2FE

Color Values

HEX

#86E2FE

RGB

134, 226, 254

HSL

194.0, 98.4%, 76.1%

HSV

194.0, 47.2%, 99.6%

CMYK

47.2%, 11.0%, 0.0%, 0.4%

OKLCH

0.8653 0.0959 219.6

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#86E2FE

#FEA286

Analogous

#86FEDE

#86A6FE

#86E2FE

Triadic

#86E2FE

#FE86E2

#E2FE86

Split Complementary

#86E2FE

#FE86A6

#FEDE86

Tetradic

#86E2FE

#DE86FE

#FEA286

#A6FE86

Color Blindness Simulation

Original

#86E2FE

Protanopia

#AEAFF7

Deuteranopia

#A8A2F6

Tritanopia

#8BF2F1

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EEFE
300
#86E2FE
400
#44D2FD
500
#02C2FD
600
#029CCA
700
#017CA2
800
#01617E
900
#06475B
950
#042D3A

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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