#86EEFD

#86EEFD

Color Values

HEX

#86EEFD

RGB

134, 238, 253

HSL

187.6, 96.7%, 75.9%

HSV

187.6, 47.0%, 99.2%

CMYK

47.0%, 5.9%, 0.0%, 0.8%

OKLCH

0.8915 0.0989 207.6

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#86EEFD

#FD9586

Analogous

#86FDD1

#86B2FD

#86EEFD

Triadic

#86EEFD

#FD86EE

#EEFD86

Split Complementary

#86EEFD

#FD86B2

#FDD186

Tetradic

#86EEFD

#D186FD

#FD9586

#B2FD86

Color Blindness Simulation

Original

#86EEFD

Protanopia

#B3B4F9

Deuteranopia

#ADA5F8

Tritanopia

#8BF7F6

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B9F5FE
300
#87EEFD
400
#45E5FC
500
#04DCFB
600
#03B0C9
700
#038DA1
800
#026E7D
900
#06505B
950
#043239

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.66:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026