#86E3FD

#86E3FD

Color Values

HEX

#86E3FD

RGB

134, 227, 253

HSL

193.1, 96.7%, 75.9%

HSV

193.1, 47.0%, 99.2%

CMYK

47.0%, 10.3%, 0.0%, 0.8%

OKLCH

0.8672 0.0955 217.8

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#86E3FD

#FDA086

Analogous

#86FDDB

#86A8FD

#86E3FD

Triadic

#86E3FD

#FD86E3

#E3FD86

Split Complementary

#86E3FD

#FD86A8

#FDDB86

Tetradic

#86E3FD

#DB86FD

#FDA086

#A8FD86

Color Blindness Simulation

Original

#86E3FD

Protanopia

#AEAFF7

Deuteranopia

#A9A2F5

Tritanopia

#8BF2F1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B9EFFE
300
#87E3FD
400
#45D4FC
500
#04C5FB
600
#039EC9
700
#037EA1
800
#02627D
900
#06485B
950
#042E39

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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