Recognised as Colour
#8A99BA
- #8A99BA
- Blue
- Dark
- Nearest: Light slate grey
#8A99BA is a blue with RGB values 138, 153, 186 and HSL 221°, 26%, 64%. It is a dark colour, so black text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Light slate grey.
Colour values
#8A99BA#8A99BA
HEX#8A99BA
RGBrgb(138, 153, 186)
RGB (0–1)0.5412, 0.6, 0.7294
RGB percentages54.1%, 60%, 72.9%
HSLhsl(221.3, 25.8%, 63.5%)
HSV / HSBhsv(221.3, 25.8%, 72.9%)
CMYK25.8%, 17.7%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,083,322
CSS custom property--colour: #8A99BA;
Brightness & contrast
Relative luminance0.31731WCAG 2.x, 0 is black and 1 is white
Perceived brightness152.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.35:1
Contrast with white2.86:1WCAG normal text: Fail
Contrast with black7.35:1WCAG normal text: AAA
Greyscale equivalent#989898
Inverted#756645
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.86:1WCAG large text: Fail
Contrast with black, large text7.35:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BAAB8A
Analogous#8AB1BA, #938ABA
Triadic#BA8A99, #99BA8A
Split complementary#BA938A, #B1BA8A
Tetradic#BA8AB1, #BAAB8A, #8ABA93
Tints, shades & saturation
Channel breakdown
R138
G153
B186
Red138 (54.1%)
Green153 (60%)
Blue186 (72.9%)
Hue221.25°
Saturation (HSL)25.81%
Lightness63.53%
Dominant channelBlue
Hex per channelR 8A · G 99 · B BA
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page