Landing page api payroll ui

  • Black
    #141414
  • White
    #ffffff
  • Orange Soda
    #f0643c
  • Anti-Flash White
    #f0f0f0
  • Smashed Pumpkin
    #ff643c
  • Alice Blue
    #f0f0ff
  0.1k
Created at 04/24/2023 17:59
The palette consists of Dark, Light colors. Accent colors Smashed Pumpkin #ff643c and Alice Blue #f0f0ff. Palette has Neutral, Warm colors temperature.

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

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

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

Most swatches read as neutral in color temperature (4 of 6).

HEX codes (sorted): #141414, #F0643C, #F0F0F0, #F0F0FF, #FF643C, #FFFFFF

Palette Landing page api payroll ui combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0643c, RGB: (240, 100, 60)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #ff643c, RGB: (255, 100, 60); HEX: #f0f0ff, RGB: (240, 240, 255)
Simplified version of palette colors
Tint of Black, White, Shade of Tomato, Shade of White Smoke, Shade of Tomato, Tint of Lavender
Color scheme was created by palettespicker

Color codes in palette

Landing page api payroll ui color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#ffffff#ffffffRGB(255, 255, 255)White—
#f0643c#f0643cRGB(240, 100, 60)Orange Soda—
#f0f0f0#f0f0f0RGB(240, 240, 240)Anti-Flash WhiteGray94
#ff643c#ff643cRGB(255, 100, 60)Smashed Pumpkin—
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffffff
#f0f0f0
1.13
#ffffff
#f0f0ff
1.12
#f0643c
#ff643c
1.08
#f0f0f0
#f0f0ff
1.01

Image palette Landing page api payroll ui png