HEX Color #99A0BD (Lightslategray)

About #99A0BD

The precise color #99A0BD is an excellent choice for modern design projects. Its closest recognized web color is Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 160, and 189.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 19% cyan and 15% magenta inks. With a hue angle of 228.3 degrees, it sits comfortably in the blue spectrum.

When using this color as a background, text legibility must be considered. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#99A0BD

RGB153, 160, 189

HSL228.3°, 21.4%, 67.1%

CMYK19%, 15%, 0%, 26%

HSV228.3°, 19.0%, 74.1%

LAB66.2, 3.7, -15.8

XYZ34.9, 35.6, 53.2

Decimal10068157

Color Harmonies

Complementary

#99A0BD #BDB699

Analogous

#99B2BD #A399BD

Triadic

#BD99A0 #A0BD99

Tetradic

#BD99B2 #BDB699 #99BDA4

Tints, Shades & Tones

Tints (Adding White)

#99A0BD

#A4AAC4

#AFB5CB

#BBBFD3

#C6CADA

#D1D4E1

#DDDFE9

#E8E9F0

#F3F4F7

#FFFFFF

Shades (Adding Black)

#99A0BD

#888EA8

#777C93

#666A7E

#555869

#444754

#33353F

#22232A

#111115

#000000

WCAG Contrast Accessibility

2.59:1

Text on #FFFFFF

FAIL

8.12:1

Text on #000000

AAA

2.47:1

Text on #F8FAFC

FAIL

6.90:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #99A0BD; }

.text-color { color: #99A0BD; }

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

Similar Colors

Lightslategray

#778899