Generate Palette
  1. Color Palettes
  2. Tints Flat UI color Clouds #ECF0F1 hex

Tints Flat UI color Clouds #ECF0F1 hex

  • #eef2f2
  • #f0f3f4
  • #f2f5f5
  • #f4f6f7
  • #f6f8f8
  • #f7f9f9
  • #f9fbfb
  • #fbfcfc
  • #fdfefe
  • #ffffff
  0.33k

Tints Flat UI color Clouds #ECF0F1 hex has 10 colors, mostly neutral. The lightest color is White (#FFFFFF), the darkest White Smoke (#EEF2F2). No color pair reaches the WCAG 3:1 minimum; the best is 1.1:1.

Created at 02/17/2020 09:54
bycolorswall
The palette consists of Light colors. Accent colors #fdfefe and White #ffffff. Palette has Neutral colors temperature.

By lightness, this palette runs from #EEF2F2 (darkest) to #FFFFFF (lightest). The lightness range is relatively narrow.

Overall saturation feels mostly muted (lower chroma) — 90% of colors are muted.

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature (10 of 10).

HEX codes (sorted): #EEF2F2, #F0F3F4, #F2F5F5, #F4F6F7, #F6F8F8, #F7F9F9, #F9FBFB, #FBFCFC, #FDFEFE, #FFFFFF

Palette Tints Flat UI color Clouds #ECF0F1 hex combines 10 color codes:
HEX: #eef2f2, RGB: (238, 242, 242); HEX: #f0f3f4, RGB: (240, 243, 244); HEX: #f2f5f5, RGB: (242, 245, 245)
HEX: #f4f6f7, RGB: (244, 246, 247); HEX: #f6f8f8, RGB: (246, 248, 248); HEX: #f7f9f9, RGB: (247, 249, 249)
HEX: #f9fbfb, RGB: (249, 251, 251); HEX: #fbfcfc, RGB: (251, 252, 252); HEX: #fdfefe, RGB: (253, 254, 254)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Shade of White Smoke, Shade of White Smoke, Shade of White Smoke, Tint of White Smoke, Tint of White Smoke, Tint of White Smoke, Tint of White Smoke, Shade of White, Shade of White, White
Color scheme was created by colorswall

Color codes in palette

Tints Flat UI color Clouds #ECF0F1 hex color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#eef2f2#eef2f2RGB(238, 242, 242)——
#f0f3f4#f0f3f4RGB(240, 243, 244)——
#f2f5f5#f2f5f5RGB(242, 245, 245)——
#f4f6f7#f4f6f7RGB(244, 246, 247)——
#f6f8f8#f6f8f8RGB(246, 248, 248)——
#f7f9f9#f7f9f9RGB(247, 249, 249)——
#f9fbfb#f9fbfbRGB(249, 251, 251)——
#fbfcfc#fbfcfcRGB(251, 252, 252)——
#fdfefe#fdfefeRGB(253, 254, 254)——
#ffffff#ffffffRGB(255, 255, 255)—White

Color Palette Contrast

45 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#eef2f2
#f0f3f4
1.01
#eef2f2
#f2f5f5
1.02
#eef2f2
#f4f6f7
1.04
#eef2f2
#f6f8f8
1.05
#eef2f2
#f7f9f9
1.06
#eef2f2
#f9fbfb
1.08

Image palette Tints Flat UI color Clouds #ECF0F1 hex png

Tints Flat UI color Clouds #ECF0F1 hex: #eef2f2, #f0f3f4, #f2f5f5, #f4f6f7, #f6f8f8, #f7f9f9, #f9fbfb, #fbfcfc, #fdfefe
 Download image