#86D1FE

#86D1FE

Color Values

HEX

#86D1FE

RGB

134, 209, 254

HSL

202.5, 98.4%, 76.1%

HSV

202.5, 47.2%, 99.6%

CMYK

47.2%, 17.7%, 0.0%, 0.4%

OKLCH

0.8282 0.0979 236.0

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#86D1FE

#FEB386

Analogous

#86FEEF

#8695FE

#86D1FE

Triadic

#86D1FE

#FE86D1

#D1FE86

Split Complementary

#86D1FE

#FE8695

#FEEF86

Tetradic

#86D1FE

#EF86FE

#FEB386

#95FE86

Color Blindness Simulation

Original

#86D1FE

Protanopia

#A6A7F3

Deuteranopia

#A29CF0

Tritanopia

#8AEBE9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FE
300
#86D1FE
400
#44B8FD
500
#029FFD
600
#027FCA
700
#0166A2
800
#014F7E
900
#063B5B
950
#04253A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026