Steel Blue

Best set with black text. The pairing reaches 5.11:1 contrast and passes AA for normal text.

Color values

copy exact values

HEX#4682B4sRGB hexadecimal

RGBrgb(70, 130, 180)screen channels

HSLhsl(207, 44%, 49%)hue, saturation, lightness

CMYKcmyk(61%, 28%, 0%, 29%)approximate process color

Tailwindsky-600nearest palette utility, not an exact token

WCAG ratios

White textlarge text4.11:1

Black textAA5.11:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#202E3C

#345675

#4682B4

#88A8CB

#C1D0E3

#FAFAFA

Analogous

#46B4AF

#4682B4

#464BB4

Triadic

#4682B4

#B44682

#82B446

Complement

#4682B4

#B47846

Lab distance · lower is closer

:root {
  --color-steel-blue: #4682B4;
}

.swatch {
  background: var(--color-steel-blue);
  color: #000000;
}

Hue263°

Lightness52 L*

Chroma32.4

Luminance0.206