HEX Color #8A92A0 (Lightslategray)

About #8A92A0

Visually, #8A92A0 is defined as a muted blue. If you're using CSS, you might find it aligns closely with Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 146, and 160.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 14% cyan and 9% magenta inks. 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. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8A92A0

RGB138, 146, 160

HSL218.2°, 10.4%, 58.4%

CMYK14%, 9%, 0%, 37%

HSV218.2°, 13.8%, 62.7%

LAB60.3, 0.1, -8.4

XYZ27.1, 28.5, 37.3

Decimal9081504

Color Harmonies

Complementary

#8A92A0 #A09889

Analogous

#899CA0 #8C89A0

Triadic

#A08991 #91A089

Tetradic

#A0899C #A09889 #89A08C

Tints, Shades & Tones

Tints (Adding White)

#8A92A0

#979EAA

#A4AAB5

#B1B6BF

#BEC2CA

#CBCED4

#D8DADF

#E5E6E9

#F2F2F4

#FFFFFF

Shades (Adding Black)

#8A92A0

#7A818E

#6B717C

#5C616A

#4C5158

#3D4047

#2E3035

#1E2023

#0F1011

#000000

WCAG Contrast Accessibility

3.13:1

Text on #FFFFFF

AA Large

6.70:1

Text on #000000

AA

3.00:1

Text on #F8FAFC

FAIL

5.70:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Lightslategray

#778899