#8ADFFA

#8ADFFA

Color Values

HEX

#8ADFFA

RGB

138, 223, 250

HSL

194.5, 91.8%, 76.1%

HSV

194.5, 44.8%, 98.0%

CMYK

44.8%, 10.8%, 0.0%, 2.0%

OKLCH

0.8591 0.0904 220.3

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#8ADFFA

#FAA58A

Analogous

#8AFADD

#8AA7FA

#8ADFFA

Triadic

#8ADFFA

#FA8ADF

#DFFA8A

Split Complementary

#8ADFFA

#FA8AA7

#FADD8A

Tetradic

#8ADFFA

#DD8AFA

#FAA58A

#A7FA8A

Color Blindness Simulation

Original

#8ADFFA

Protanopia

#AFB0F3

Deuteranopia

#AAA4F2

Tritanopia

#8EEEED

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BBECFC
300
#8ADFFA
400
#4ACDF7
500
#0ABCF5
600
#0896C4
700
#07789D
800
#055E7A
900
#084558
950
#052C38

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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