#8498bb

Color #8498bb

A muted light blue.

Closest named color Light Slate Gray #778899 · ΔE 11.9 Nearest Tailwind class slate-400 #90a1b9 · ΔE 4.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#8498bb

RGB

rgb(132, 152, 187)

HSL

hsl(218.2, 28.8%, 62.5%)

HSV / HSB

hsv(218.2, 29.4%, 73.3%)

CMYK

cmyk(29.4%, 18.7%, 0%, 26.7%)

LAB

lab(62.46, 1.13, -20.46)

LCH

lch(62.46, 20.49, 273.16)

OKLCH

oklch(67.7%, 0.0568, 261.6)

HWB

hwb(218.2, 51.8%, 26.7%)

Harmony colors

Complementary

#bba784

Analogous

#84b3bb

#8498bb

#8b84bb

Triadic

#8498bb

#bb8498

#98bb84

Split-complementary

#8498bb

#bb8b84

#b3bb84

Tetradic

#8498bb

#a784bb

#bba784

#98bb84

Square

#8498bb

#bb84b3

#bba784

#84bb8b

Shades

Color #8498bb mixed toward black.

#627ba8

#4c6289

#394967

#263144

#131822

Tints

Color #8498bb mixed toward white.

#98a9c6

#adbad2

#c1cbdd

#d6dde8

#eaeef4

Tones

Color #8498bb mixed toward gray.

#8899b6

#8d9ab2

#929cad

#969da9

#9b9ea4

Accessibility

Aa White text on this color

2.92:1

Aa Black text on this color

7.19:1

Black text reads better on this background (7.19:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#8d8db3 · ΔE 7.8

Deuteranopia

#8c8ab1 · ΔE 8.8

Tritanopia

#85adac · ΔE 18.3

Achromatopsia

#979797 · ΔE 14

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #8498bb;

Tailwind (arbitrary value)

bg-[#8498bb]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#8498bb (#8498bb) is rgb(132, 152, 187) in RGB.

No, #8498bb is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #8498bb, or check how it holds up for accessibility.

Generate a palette → Check contrast