Created at 02/17/2020 09:54
  0.33k

Tints Flat UI color Clouds #ECF0F1 hex

  • #eef2f2
  • #f0f3f4
  • #f2f5f5
  • #f4f6f7
  • #f6f8f8
  • #f7f9f9
  • #f9fbfb
  • #fbfcfc
  • #fdfefe
  • #ffffff
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).

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

Most swatches read as neutral in color temperature.

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

Palette Tints Flat UI color Clouds #ECF0F1 hex has combination of 10 codes colors:
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
Tint of whitesmoke, Tint of whitesmoke, Tint of whitesmoke, Shade of whitesmoke, Shade of whitesmoke, Shade of whitesmoke, Shade of whitesmoke, Tint of White, Tint of White, White
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#eef2f2 #eef2f2 RGB(238, 242, 242)
#f0f3f4 #f0f3f4 RGB(240, 243, 244)
#f2f5f5 #f2f5f5 RGB(242, 245, 245)
#f4f6f7 #f4f6f7 RGB(244, 246, 247)
#f6f8f8 #f6f8f8 RGB(246, 248, 248)
#f7f9f9 #f7f9f9 RGB(247, 249, 249)
#f9fbfb #f9fbfb RGB(249, 251, 251)
#fbfcfc #fbfcfc RGB(251, 252, 252)
#fdfefe #fdfefe RGB(253, 254, 254)
#ffffff #ffffff RGB(255, 255, 255)White

Color Palette Contrast

45 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast 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