Skip to main content
ToolsHub
#8FA5BC

#8FA5BC Color — #8FA5BC

Complete color reference for #8FA5BC: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#8FA5BC
RGBrgb(143, 165, 188)
HSLhsl(211, 25%, 65%)
HSVhsv(211, 24%, 74%)
CMYKC:24% M:12% Y:0% K:26%
CSS Color#8FA5BC
Decimal9414076
Luminance0.3638

WCAG Accessibility Contrast

#8FA5BC on White
Ratio: 2.54:1 — Fail
#8FA5BC on Black
Ratio: 8.28:1 — AAA
White on #8FA5BC
Ratio: 2.54:1 — Fail
Black on #8FA5BC
Ratio: 8.28:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F9FBFC
100#EEF2F5
200#DDE4EB
300#CDD7E1
400#B6C5D3
500#8FA5BC
600#728496
700#566371
800#39424B
900#24292F

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #8FA5BC?

The RGB equivalent is rgb(143, 165, 188). The red channel is 143, green is 165, and blue is 188 (scale 0–255).

What is the HSL value of #8FA5BC?

The HSL value is hsl(211, 25%, 65%). Hue is 211°, saturation is 25%, and lightness is 65%.

Does #8FA5BC meet WCAG accessibility standards?

On a white background, #8FA5BC achieves a 2.54:1 contrast ratio (Fail). On a black background it achieves 8.28:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #8FA5BC?

The complementary color (180° opposite on the hue wheel) of #8FA5BC is #BCA68F.