Calculator ux application ui hex colors

  • #e91515
  • #fbd3d3
  • #790b0b
  • #5c5ba4
  • #d3acad
  • #35365f
  0.17k
Created at 12/31/2021 10:38
The palette consists of Light, Dark, Semi dark colors. Accent colors #e91515 and #35365f. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #35365F (darkest) to #FBD3D3 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 56% across the palette.

A varied palette: its hues are spread across about 121° of the color wheel.

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #35365F, #5C5BA4, #790B0B, #D3ACAD, #E91515, #FBD3D3

Palette Calculator ux application ui hex colors combines 6 color codes:
HEX: #e91515, RGB: (233, 21, 21); HEX: #fbd3d3, RGB: (251, 211, 211); HEX: #790b0b, RGB: (121, 11, 11)
HEX: #5c5ba4, RGB: (92, 91, 164); HEX: #d3acad, RGB: (211, 172, 173); HEX: #35365f, RGB: (53, 54, 95)
Simplified version of palette colors
Tint of Red, Shade of Misty Rose, Tint of Maroon, Shade of Slate Blue, Tint of Rosy Brown, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Calculator ux application ui hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#e91515#e91515RGB(233, 21, 21)——
#fbd3d3#fbd3d3RGB(251, 211, 211)——
#790b0b#790b0bRGB(121, 11, 11)——
#5c5ba4#5c5ba4RGB(92, 91, 164)——
#d3acad#d3acadRGB(211, 172, 173)——
#35365f#35365fRGB(53, 54, 95)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#e91515
#5c5ba4
1.31
#fbd3d3
#d3acad
1.49
#790b0b
#5c5ba4
1.86
#790b0b
#35365f
1.01
#5c5ba4
#35365f
1.89

Image palette Calculator ux application ui hex colors png