#8AD2FE

#8AD2FE

Color Values

HEX

#8AD2FE

RGB

138, 210, 254

HSL

202.8, 98.3%, 76.9%

HSV

202.8, 45.7%, 99.6%

CMYK

45.7%, 17.3%, 0.0%, 0.4%

OKLCH

0.8324 0.095 236.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8AD2FE

#FEB68A

Analogous

#8AFEF0

#8A98FE

#8AD2FE

Triadic

#8AD2FE

#FE8AD2

#D2FE8A

Split Complementary

#8AD2FE

#FE8A98

#FEF08A

Tetradic

#8AD2FE

#F08AFE

#FEB68A

#98FE8A

Color Blindness Simulation

Original

#8AD2FE

Protanopia

#A9AAF3

Deuteranopia

#A5A0F1

Tritanopia

#8EEBE9

Achromatopsia

#C6C6C6

CSS Usage

background-color: #8AD2FE;
color: #8AD2FE;
border-color: #8AD2FE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FE
300
#86D0FE
400
#44B7FD
500
#029EFD
600
#027ECA
700
#0165A2
800
#014F7E
900
#063B5B
950
#04253A

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026