#7fa4d6

Color #7fa4d6

A moderately saturated light blue.

Closest named color Steel Blue #4682b4 · ΔE 14.86 Nearest Tailwind class blue-400 #51a2ff · ΔE 6.6

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

Conversions

HEX

#7fa4d6

RGB

rgb(127, 164, 214)

HSL

hsl(214.5, 51.5%, 66.9%)

HSV / HSB

hsv(214.5, 40.7%, 83.9%)

CMYK

cmyk(40.7%, 23.4%, 0%, 16.1%)

LAB

lab(66.46, 0.08, -29.41)

LCH

lch(66.46, 29.41, 270.16)

OKLCH

oklch(71.1%, 0.0842, 256.11)

HWB

hwb(214.5, 49.8%, 16.1%)

Harmony colors

Complementary

#d6b17f

Analogous

#7fd0d6

#7fa4d6

#867fd6

Triadic

#7fa4d6

#d67fa4

#a4d67f

Split-complementary

#7fa4d6

#d6867f

#d0d67f

Tetradic

#7fa4d6

#b17fd6

#d6b17f

#a4d67f

Square

#7fa4d6

#d67fd0

#d6b17f

#7fd686

Shades

Color #7fa4d6 mixed toward black.

#5485c8

#3769ac

#294f81

#1c3456

#0e1a2b

Tints

Color #7fa4d6 mixed toward white.

#94b3dd

#aac2e4

#bfd2eb

#d4e1f1

#eaf0f8

Tones

Color #7fa4d6 mixed toward gray.

#86a5cf

#8ea6c8

#95a7c0

#9ca8b9

#a3aab2

Accessibility

Aa White text on this color

2.57:1

Aa Black text on this color

8.18:1

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

Under color vision deficiencies

Protanopia

#9191cb · ΔE 10.6

Deuteranopia

#8e8bc9 · ΔE 11.7

Tritanopia

#81c2c0 · ΔE 21.3

Achromatopsia

#a2a2a2 · ΔE 17.7

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

Code

CSS

background-color: #7fa4d6;

Tailwind (arbitrary value)

bg-[#7fa4d6]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#7fa4d6 (#7fa4d6) is rgb(127, 164, 214) in RGB.

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

Generate a palette → Check contrast