Loading...
Created at 09/15/2022 12:24
  0.13k

Ui modern article ux hex colors

  • Battery Charged Blue
    #24a4dc
  • Diamond
    #b7ebfb
  • Caput Mortuum
    #632628
  • English Red
    #a64a54
  • Pale Cerulean
    #9cc2d1
  • Olive Drab Camouflage
    #545240
Loading...
The palette consists of Light, Semi dark colors. Accent colors Diamond #b7ebfb and Caput Mortuum #632628. Palette has Cool, Warm colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #24A4DC, #545240, #632628, #9CC2D1, #A64A54, #B7EBFB

Palette Ui modern article ux hex colors has combination of 6 codes colors:
HEX: #24a4dc, RGB: (36, 164, 220); HEX: #b7ebfb, RGB: (183, 235, 251); HEX: #632628, RGB: (99, 38, 40)
HEX: #a64a54, RGB: (166, 74, 84); HEX: #9cc2d1, RGB: (156, 194, 209); HEX: #545240, RGB: (84, 82, 64)
Simplified version of palette colors
Tint of deepskyblue, Shade of lightblue, Shade of Maroon, Tint of indianred, Tint of lightblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Ui modern article ux hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#24a4dc #24a4dc RGB(36, 164, 220)Battery Charged Blue
#b7ebfb #b7ebfb RGB(183, 235, 251)Diamond
#632628 #632628 RGB(99, 38, 40)Caput Mortuum
#a64a54 #a64a54 RGB(166, 74, 84)English Red
#9cc2d1 #9cc2d1 RGB(156, 194, 209)Pale Cerulean
#545240 #545240 RGB(84, 82, 64)Olive Drab Camouflage

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#24a4dc
#a64a54
1.98
#24a4dc
#9cc2d1
1.48
#b7ebfb
#9cc2d1
1.47
#632628
#545240
1.44
#a64a54
#545240
1.4

Image palette Ui modern article ux hex colors png

Loading...
Loading...
Loading...