Skip to main content
ToolsHub
#ECF0F1

#ECF0F1 Color — #ECF0F1

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

Color Format Conversions

HEX#ECF0F1
RGBrgb(236, 240, 241)
HSLhsl(192, 15%, 94%)
HSVhsv(192, 2%, 95%)
CMYKC:2% M:0% Y:0% K:5%
CSS Color#ECF0F1
Decimal15528177
Luminance0.865

WCAG Accessibility Contrast

#ECF0F1 on White
Ratio: 1.15:1 — Fail
#ECF0F1 on Black
Ratio: 18.3:1 — AAA
White on #ECF0F1
Ratio: 1.15:1 — Fail
Black on #ECF0F1
Ratio: 18.3:1 — AAA

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

Shades & Tints Scale

50#FEFEFE
100#FCFDFD
200#F9FBFB
300#F6F8F9
400#F3F5F6
500#ECF0F1
600#BDC0C1
700#8E9091
800#5E6060
900#3B3C3C

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 #ECF0F1?

The RGB equivalent is rgb(236, 240, 241). The red channel is 236, green is 240, and blue is 241 (scale 0–255).

What is the HSL value of #ECF0F1?

The HSL value is hsl(192, 15%, 94%). Hue is 192°, saturation is 15%, and lightness is 94%.

Does #ECF0F1 meet WCAG accessibility standards?

On a white background, #ECF0F1 achieves a 1.15:1 contrast ratio (Fail). On a black background it achieves 18.3:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #ECF0F1?

The complementary color (180° opposite on the hue wheel) of #ECF0F1 is #F2EEED.