#8ABDED

#8ABDED

Color Values

HEX

#8ABDED

RGB

138, 189, 237

HSL

209.1, 73.3%, 73.5%

HSV

209.1, 41.8%, 92.9%

CMYK

41.8%, 20.3%, 0.0%, 7.1%

OKLCH

0.7803 0.0874 247.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8ABDED

#EDBA8A

Analogous

#8AEDEB

#8A8BED

#8ABDED

Triadic

#8ABDED

#ED8ABD

#BDED8A

Split Complementary

#8ABDED

#ED8A8B

#EDEB8A

Tetradic

#8ABDED

#EB8AED

#EDBA8A

#8BED8A

Color Blindness Simulation

Original

#8ABDED

Protanopia

#A0A1E1

Deuteranopia

#9D99DF

Tritanopia

#8DD8D6

Achromatopsia

#B6B6B6

CSS Usage

background-color: #8ABDED;
color: #8ABDED;
border-color: #8ABDED;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DCF5
300
#95C3EF
400
#5BA3E6
500
#2282DD
600
#1B68B1
700
#16538D
800
#11416E
900
#103150
950
#0A1F33

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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