#79a1ba

Color #79a1ba

A muted light blue.

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

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

Conversions

HEX

#79a1ba

RGB

rgb(121, 161, 186)

HSL

hsl(203.1, 32%, 60.2%)

HSV / HSB

hsv(203.1, 34.9%, 72.9%)

CMYK

cmyk(34.9%, 13.4%, 0%, 27.1%)

LAB

lab(64.24, -7.37, -17.26)

LCH

lch(64.24, 18.77, 246.88)

OKLCH

oklch(68.9%, 0.0571, 236.14)

HWB

hwb(203.1, 47.5%, 27.1%)

Harmony colors

Complementary

#ba9279

Analogous

#79bab3

#79a1ba

#7981ba

Triadic

#79a1ba

#ba79a1

#a1ba79

Split-complementary

#79a1ba

#ba7981

#bab379

Tetradic

#79a1ba

#9279ba

#ba9279

#a1ba79

Square

#79a1ba

#b379ba

#ba9279

#81ba79

Shades

Color #79a1ba mixed toward black.

#5789a9

#466e87

#345265

#233744

#111b22

Tints

Color #79a1ba mixed toward white.

#8fb1c5

#a6c0d1

#bcd0dc

#d2e0e8

#e9eff3

Tones

Color #79a1ba mixed toward gray.

#7ea0b5

#849eaf

#899daa

#8f9ca4

#949b9f

Accessibility

Aa White text on this color

2.76:1

Aa Black text on this color

7.62:1

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

Under color vision deficiencies

Protanopia

#8c8cb4 · ΔE 16.2

Deuteranopia

#8a87b3 · ΔE 17.2

Tritanopia

#7bb0af · ΔE 12.9

Achromatopsia

#9c9c9c · ΔE 14

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

Code

CSS

background-color: #79a1ba;

Tailwind (arbitrary value)

bg-[#79a1ba]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Alice Blue #f0f8ff

Sky Blue #87ceeb

Dodger Blue #1e90ff

Frequently asked questions

#79a1ba (#79a1ba) is rgb(121, 161, 186) in RGB.

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

Generate a palette → Check contrast