Loading...
Created at 04/27/2023 15:14
  0.11k

Design ui ux app hex colors

  • Black
    #141414
  • Pale Pink
    #ffdcdc
  • Lavender Blush
    #fff0f0
  • Pale Pink
    #f0dcdc
  • Queen Pink
    #f0c8dc
  • Black
    #000000
Loading...
The palette consists of Dark, Light colors. Accent colors Pale Pink #ffdcdc and Lavender Blush #fff0f0. Palette has Neutral colors temperature.

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

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

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #000000, #141414, #F0C8DC, #F0DCDC, #FFDCDC, #FFF0F0

Palette Design ui ux app hex colors has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffdcdc, RGB: (255, 220, 220); HEX: #fff0f0, RGB: (255, 240, 240)
HEX: #f0dcdc, RGB: (240, 220, 220); HEX: #f0c8dc, RGB: (240, 200, 220); HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Shade of Black, Tint of mistyrose, Tint of lavenderblush, Tint of mistyrose, Shade of thistle, Black
Color scheme was created by colorswall

Colors codes in palette

Design ui ux app hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffdcdc #ffdcdc RGB(255, 220, 220)Pale Pink
#fff0f0 #fff0f0 RGB(255, 240, 240)Lavender Blush
#f0dcdc #f0dcdc RGB(240, 220, 220)Pale Pink
#f0c8dc #f0c8dc RGB(240, 200, 220)Queen Pink
#000000 #000000 RGB(0, 0, 0)Black

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#141414
#000000
1.13
#ffdcdc
#fff0f0
1.14
#ffdcdc
#f0dcdc
1.03
#ffdcdc
#f0c8dc
1.18
#fff0f0
#f0dcdc
1.18
#fff0f0
#f0c8dc
1.35

Image palette Design ui ux app hex colors png

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