#8fa0bc

Color #8fa0bc

A muted light blue.

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

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

Conversions

HEX

#8fa0bc

RGB

rgb(143, 160, 188)

HSL

hsl(217.3, 25.1%, 64.9%)

HSV / HSB

hsv(217.3, 23.9%, 73.7%)

CMYK

cmyk(23.9%, 14.9%, 0%, 26.3%)

LAB

lab(65.44, 0.27, -16.42)

LCH

lch(65.44, 16.42, 270.94)

OKLCH

oklch(70.2%, 0.0454, 260.37)

HWB

hwb(217.3, 56.1%, 26.3%)

Harmony colors

Complementary

#bcab8f

Analogous

#8fb6bc

#8fa0bc

#948fbc

Triadic

#8fa0bc

#bc8fa0

#a0bc8f

Split-complementary

#8fa0bc

#bc948f

#b6bc8f

Tetradic

#8fa0bc

#ab8fbc

#bcab8f

#a0bc8f

Square

#8fa0bc

#bc8fb6

#bcab8f

#8fbc94

Shades

Color #8fa0bc mixed toward black.

#6d83a7

#53688a

#3e4e68

#293445

#151a23

Tints

Color #8fa0bc mixed toward white.

#a2b0c7

#b4c0d2

#c7d0dd

#dadfe9

#eceff4

Tones

Color #8fa0bc mixed toward gray.

#93a1b8

#97a2b4

#9aa3b1

#9ea4ad

#a2a5a9

Accessibility

Aa White text on this color

2.65:1

Aa Black text on this color

7.92:1

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

Under color vision deficiencies

Protanopia

#9797b6 · ΔE 7.6

Deuteranopia

#9694b4 · ΔE 8.7

Tritanopia

#90b1af · ΔE 16.1

Achromatopsia

#9f9f9f · ΔE 12

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

Code

CSS

background-color: #8fa0bc;

Tailwind (arbitrary value)

bg-[#8fa0bc]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Royal Blue #4169e1

Dodger Blue #1e90ff

Frequently asked questions

#8fa0bc (#8fa0bc) is rgb(143, 160, 188) in RGB.

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

Generate a palette → Check contrast