Created at 11/27/2018 09:17
  0.51k

Mobi.css base colors palette

  • background
    #ffffff
  • text
    #333333
  • text muted
    #777777
  • border
    #dddddd
  • primary
    #267fd9
  • danger
    #db5757
  • background faded
    #f2f2f2
The palette consists of Light colors. Accent colors primary #267fd9 and danger #db5757. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #333333 (darkest) to #FFFFFF (lightest). The lightness range is wide.

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): #267FD9, #333333, #777777, #DB5757, #DDDDDD, #F2F2F2, #FFFFFF

Palette Mobi.css base colors palette has combination of 7 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #333333, RGB: (51, 51, 51); HEX: #777777, RGB: (119, 119, 119)
HEX: #dddddd, RGB: (221, 221, 221); HEX: #267fd9, RGB: (38, 127, 217); HEX: #db5757, RGB: (219, 87, 87)
HEX: #f2f2f2, RGB: (242, 242, 242)
Simplified version of palette colors
White, Shade of Black, Tint of Grey, Shade of gainsboro, Tint of steelblue, Shade of indianred, Tint of whitesmoke
Color scheme was created by colorswall

Colors codes in palette

Mobi.css base colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)backgroundWhite
#333333 #333333 RGB(51, 51, 51)textCarbon
#777777 #777777 RGB(119, 119, 119)text mutedSteel Wool
#dddddd #dddddd RGB(221, 221, 221)borderSteam
#267fd9 #267fd9 RGB(38, 127, 217)primary
#db5757 #db5757 RGB(219, 87, 87)danger
#f2f2f2 #f2f2f2 RGB(242, 242, 242)background fadedGray95

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#dddddd
1.35
#ffffff
#f2f2f2
1.11
#777777
#267fd9
1.09
#777777
#db5757
1.17
#dddddd
#f2f2f2
1.21
#267fd9
#db5757
1.07

Image palette Mobi.css base colors palette png