Design ui minimal website

  • #4353cf
  • #84e4e4
  • #1a2369
  • #7e7e7e
  • #b7b8ba
  • #0c0c14
  0.22k

Design ui minimal website has 6 colors, mostly blue and cyan. The lightest color is Pale Turquoise (#84E4E4), the darkest Black (#0C0C14). Its strongest contrast pair is #0C0C14 on #84E4E4 (13.1:1, WCAG AAA).

Created at 12/29/2019 15:37
The palette consists of Semi dark, Light, Dark colors. Accent colors #84e4e4 and Aged Moustache Grey #7e7e7e. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C14 (darkest) to #84E4E4 (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 60°.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #0C0C14, #1A2369, #4353CF, #7E7E7E, #84E4E4, #B7B8BA

Palette Design ui minimal website combines 6 color codes:
HEX: #4353cf, RGB: (67, 83, 207); HEX: #84e4e4, RGB: (132, 228, 228); HEX: #1a2369, RGB: (26, 35, 105)
HEX: #7e7e7e, RGB: (126, 126, 126); HEX: #b7b8ba, RGB: (183, 184, 186); HEX: #0c0c14, RGB: (12, 12, 20)
Simplified version of palette colors
Shade of Slate Blue, Shade of Pale Turquoise, Tint of Midnight Blue, Shade of Grey, Shade of Silver, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Design ui minimal website color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4353cf#4353cfRGB(67, 83, 207)——
#84e4e4#84e4e4RGB(132, 228, 228)——
#1a2369#1a2369RGB(26, 35, 105)——
#7e7e7e#7e7e7eRGB(126, 126, 126)—Aged Moustache Grey
#b7b8ba#b7b8baRGB(183, 184, 186)——
#0c0c14#0c0c14RGB(12, 12, 20)——

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#4353cf
#7e7e7e
1.53
#84e4e4
#b7b8ba
1.34
#1a2369
#0c0c14
1.38

Image palette Design ui minimal website png