Skip to main content
ToolsHub
#8FA6BC

#8FA6BC Color — #8FA6BC

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

Color Format Conversions

HEX#8FA6BC
RGBrgb(143, 166, 188)
HSLhsl(209, 25%, 65%)
HSVhsv(209, 24%, 74%)
CMYKC:24% M:12% Y:0% K:26%
CSS Color#8FA6BC
Decimal9414332
Luminance0.3674

WCAG Accessibility Contrast

#8FA6BC on White
Ratio: 2.52:1 — Fail
#8FA6BC on Black
Ratio: 8.35:1 — AAA
White on #8FA6BC
Ratio: 2.52:1 — Fail
Black on #8FA6BC
Ratio: 8.35: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#8FA6BC
600#728596
700#566471
800#39424B
900#242A2F

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 #8FA6BC?

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

What is the HSL value of #8FA6BC?

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

Does #8FA6BC meet WCAG accessibility standards?

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

What is the complementary color of #8FA6BC?

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