HEX Color #8AB6F0 (Lightskyblue)

About #8AB6F0

The hex code #8AB6F0 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Lightskyblue. Its digital footprint relies on 138 parts red, 182 parts green, and 240 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 43% Cyan, 24% Magenta, 0% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8AB6F0

RGB138, 182, 240

HSL214.1°, 77.3%, 74.1%

CMYK43%, 24%, 0%, 6%

HSV214.1°, 42.5%, 94.1%

LAB73.0, 0.1, -33.5

XYZ42.9, 45.2, 88.9

Decimal9090800

Color Harmonies

Complementary

#8AB6F0 #F0C48A

Analogous

#8AE8F0 #918AF0

Triadic

#F08AB5 #B5F08A

Tetradic

#F08AE9 #F0C48A #8AF091

Tints, Shades & Tones

Tints (Adding White)

#8AB6F0

#97BEF1

#A4C6F3

#B1CEF5

#BED6F6

#CBDEF8

#D8E6FA

#E5EEFB

#F2F6FD

#FFFFFF

Shades (Adding Black)

#8AB6F0

#7AA1D5

#6B8DBA

#5C79A0

#4C6585

#3D506A

#2E3C50

#1E2835

#0F141A

#000000

WCAG Contrast Accessibility

2.09:1

Text on #FFFFFF

FAIL

10.03:1

Text on #000000

AAA

2.00:1

Text on #F8FAFC

FAIL

8.53:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8AB6F0; }

.text-color { color: #8AB6F0; }

.border-color { border: 2px solid #8AB6F0; }

Similar Colors

Lightskyblue

#87CEFA