Created at 12/12/2017 11:12
bymz
  4.6k

Bulma colors

  • White
    #ffffff
  • Black
    #000000
  • Light
    #f5f5f5
  • Dark
    #363636
  • Primary
    #00d1b2
  • Link
    #3273dc
  • Info
    #209cee
  • Success
    #23d160
  • Warning
    #ffdd57
  • Danger
    #ff3860
The palette consists of Light, Dark colors. Accent colors Primary #00d1b2 and Warning #ffdd57. Palette has Neutral, Cool, Warm colors temperature.

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

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #000000, #00D1B2, #209CEE, #23D160, #3273DC, #363636, #F5F5F5, #FF3860, #FFDD57, #FFFFFF

Palette Bulma colors has combination of 10 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #363636, RGB: (54, 54, 54); HEX: #00d1b2, RGB: (0, 209, 178); HEX: #3273dc, RGB: (50, 115, 220)
HEX: #209cee, RGB: (32, 156, 238); HEX: #23d160, RGB: (35, 209, 96); HEX: #ffdd57, RGB: (255, 221, 87)
HEX: #ff3860, RGB: (255, 56, 96)
Simplified version of palette colors
White, Black, Tint of darkslategrey, Tint of mediumaquamarine, Shade of royalblue, Shade of dodgerblue, Shade of limegreen, Shade of gold, Tint of indianred
Color scheme was created by mz

Colors codes in palette

Bulma colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)White
#000000 #000000 RGB(0, 0, 0)Black
#f5f5f5 #f5f5f5 RGB(245, 245, 245)LightWhite Smoke
#363636 #363636 RGB(54, 54, 54)DarkGray21
#00d1b2 #00d1b2 RGB(0, 209, 178)Primary
#3273dc #3273dc RGB(50, 115, 220)Link
#209cee #209cee RGB(32, 156, 238)Info
#23d160 #23d160 RGB(35, 209, 96)Success
#ffdd57 #ffdd57 RGB(255, 221, 87)Warning
#ff3860 #ff3860 RGB(255, 56, 96)Danger

Color Palette Contrast

17 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#f5f5f5
1.09
#ffffff
#00d1b2
1.95
#ffffff
#ffdd57
1.33
#000000
#363636
1.73
#f5f5f5
#00d1b2
1.78
#f5f5f5
#23d160
1.85

Image palette Bulma colors png