#728495

Color #728495

A nearly neutral, gray-leaning medium blue.

Closest named color Light Slate Gray #778899 · ΔE 1.67 Nearest Tailwind class slate-500 #62748e · ΔE 7.3

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

Conversions

HEX

#728495

RGB

rgb(114, 132, 149)

HSL

hsl(209.1, 14.2%, 51.6%)

HSV / HSB

hsv(209.1, 23.5%, 58.4%)

CMYK

cmyk(23.5%, 11.4%, 0%, 41.6%)

LAB

lab(54.29, -2.57, -11.28)

LCH

lch(54.29, 11.57, 257.17)

OKLCH

oklch(60.5%, 0.0334, 246.89)

HWB

hwb(209.1, 44.7%, 41.6%)

Harmony colors

Complementary

#958372

Analogous

#729595

#728495

#727395

Triadic

#728495

#957284

#849572

Split-complementary

#728495

#957273

#959572

Tetradic

#728495

#837295

#958372

#849572

Square

#728495

#957295

#958372

#739572

Shades

Color #728495 mixed toward black.

#5e6e7d

#4b5864

#38424b

#262c32

#131619

Tints

Color #728495 mixed toward white.

#8a99a7

#a1adb8

#b9c2ca

#d0d6dc

#e8ebed

Tones

Color #728495 mixed toward gray.

#758492

#78848f

#7b848c

#7e8489

#818487

Accessibility

Aa White text on this color

3.85:1

Aa Black text on this color

5.45:1

Black text reads better on this background (5.45:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#7a7a91 · ΔE 10

Deuteranopia

#797890 · ΔE 10.8

Tritanopia

#738e8d · ΔE 10.8

Achromatopsia

#828282 · ΔE 9.4

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

Code

CSS

background-color: #728495;

Tailwind (arbitrary value)

bg-[#728495]

Related colors

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Alice Blue #f0f8ff

Steel Blue #4682b4

Light Steel Blue #b0c4de

Frequently asked questions

#728495 (#728495) is rgb(114, 132, 149) in RGB.

No, #728495 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 #728495, or check how it holds up for accessibility.

Generate a palette → Check contrast