#86E3FF

#86E3FF

Color Values

HEX

#86E3FF

RGB

134, 227, 255

HSL

193.9, 100.0%, 76.3%

HSV

193.9, 47.5%, 100.0%

CMYK

47.5%, 11.0%, 0.0%, 0.0%

OKLCH

0.8679 0.0966 219.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#86E3FF

#FFA286

Analogous

#86FFDF

#86A7FF

#86E3FF

Triadic

#86E3FF

#FF86E3

#E3FF86

Split Complementary

#86E3FF

#FF86A7

#FFDF86

Tetradic

#86E3FF

#DF86FF

#FFA286

#A7FF86

Color Blindness Simulation

Original

#86E3FF

Protanopia

#AEAFF8

Deuteranopia

#A9A2F7

Tritanopia

#8BF3F2

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EEFF
300
#85E3FF
400
#42D3FF
500
#00C4FF
600
#009DCC
700
#007DA3
800
#006280
900
#05485C
950
#032D3A

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026