#8AD5FA

#8AD5FA

Color Values

HEX

#8AD5FA

RGB

138, 213, 250

HSL

199.8, 91.8%, 76.1%

HSV

199.8, 44.8%, 98.0%

CMYK

44.8%, 14.8%, 0.0%, 2.0%

OKLCH

0.8373 0.0907 230.7

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8AD5FA

#FAAF8A

Analogous

#8AFAE7

#8A9DFA

#8AD5FA

Triadic

#8AD5FA

#FA8AD5

#D5FA8A

Split Complementary

#8AD5FA

#FA8A9D

#FAE78A

Tetradic

#8AD5FA

#E78AFA

#FAAF8A

#9DFA8A

Color Blindness Simulation

Original

#8AD5FA

Protanopia

#AAABF1

Deuteranopia

#A6A0EF

Tritanopia

#8EEAE8

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF2FB
200
#BBE6FC
300
#8AD5FA
400
#4ABEF7
500
#0AA7F5
600
#0886C4
700
#076B9D
800
#05547A
900
#083E58
950
#052738

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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