HEX Color #A8BDE9 (Lightsteelblue)

About #A8BDE9

The hex code #A8BDE9 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Lightsteelblue. This translates to an RGB value of rgb(168, 189, 233).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 28% cyan and 19% magenta inks. The HSL representation is 220.6° hue, 59.6% saturation, and 78.6% lightness.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A8BDE9

RGB168, 189, 233

HSL220.6°, 59.6%, 78.6%

CMYK28%, 19%, 0%, 9%

HSV220.6°, 27.9%, 91.4%

LAB76.4, 2.6, -24.3

XYZ49.1, 50.6, 84.3

Decimal11058665

Color Harmonies

Complementary

#A8BDE9 #E8D3A8

Analogous

#A8DDE8 #B3A8E8

Triadic

#E8A8BC #BDE8A8

Tetradic

#E8A8DD #E8D3A8 #A8E8B3

Tints, Shades & Tones

Tints (Adding White)

#A8BDE9

#B1C4EB

#BBCBED

#C5D3F0

#CEDAF2

#D8E1F5

#E2E9F7

#EBF0FA

#F5F7FC

#FFFFFF

Shades (Adding Black)

#A8BDE9

#95A8CF

#8293B5

#707E9B

#5D6981

#4A5467

#383F4D

#252A33

#121519

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.12:1

Text on #000000

AAA

1.80:1

Text on #F8FAFC

FAIL

9.45:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A8BDE9; }

.text-color { color: #A8BDE9; }

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

Similar Colors

Lightsteelblue

#B0C4DE