What does the color SteelBlue mean?

Light Blue

SteelBlue

#4682b4

#6b9bc3

#90b4d2

#b5cde1

#dae6f0

#5282aa

Meaning

Openness, clarity, and communication. Soft and approachable for modern interfaces.

History

SteelBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use SteelBlue (#4682b4) in CSS as color: steelblue; or as #4682b4.

Preview

SteelBlue

#4682b4

Overview

Family: Light Blue

Accessibility on this swatch:

(5.11:1)

Contrast vs white: 4.11:1 · vs black: 5.11:1

Formats

HEX

#4682b4

RGB

rgb(70, 130, 180)

RGBA

rgba(70, 130, 180, 1)

HSL

hsl(207, 44%, 49%)

HSV

hsv(207, 61%, 71%)

LAB

lab(52.47% -4.08 -32.19)

LCH

lch(52.47% 32.45 262.78)

OKLAB

oklab(0.588 -0.0408 -0.0906)

OKLCH

oklch(0.588 0.0994 245.76)

XYZ

xyz(18.74, 20.56, 46.15)

CMYK

cmyk(61%, 28%, 0%, 29%)

CSS

color: #4682b4;

CSS variable

--color-4682b4: #4682b4;

SCSS

$color-4682b4: #4682b4;

Tailwind

sky-500

Export

Developer code

:root {
  --steelblue-1: #4682b4;
}

Color psychology

Openness, clarity, and communication. Soft and approachable for modern interfaces.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#6b9bc3

#90b4d2

#b5cde1

#dae6f0

#5282aa

#5d819f

#698195

#74808a

Similar colors

#3a83bb

#4c8bb8

#3675a6

#5a83af

#5388c1

#457ca5

#457bb5

#2078a7

Browse more in the color name library.