Web design ui ux colors palette

  • #fa475f
  • #ee647c
  • #810314
  • #7c7c7c
  • #ddb4bb
  • #0c0c0c
  0.2k

Web design ui ux colors palette has 6 colors, mostly red. The lightest color is Pink (#DDB4BB), the darkest Black (#0C0C0C). Its strongest contrast pair is #0C0C0C on #DDB4BB (10.5:1, WCAG AAA).

Created at 02/14/2020 21:39
The palette consists of Light, Dark colors. Accent colors #fa475f and #810314. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #DDB4BB (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #0C0C0C, #7C7C7C, #810314, #DDB4BB, #EE647C, #FA475F

Palette Web design ui ux colors palette combines 6 color codes:
HEX: #fa475f, RGB: (250, 71, 95); HEX: #ee647c, RGB: (238, 100, 124); HEX: #810314, RGB: (129, 3, 20)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #ddb4bb, RGB: (221, 180, 187); HEX: #0c0c0c, RGB: (12, 12, 12)
Simplified version of palette colors
Tint of Indian Red, Shade of Pale Violet Red, Tint of Maroon, Shade of Grey, Shade of Pink, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Web design ui ux colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fa475f#fa475fRGB(250, 71, 95)——
#ee647c#ee647cRGB(238, 100, 124)——
#810314#810314RGB(129, 3, 20)——
#7c7c7c#7c7c7cRGB(124, 124, 124)——
#ddb4bb#ddb4bbRGB(221, 180, 187)——
#0c0c0c#0c0c0cRGB(12, 12, 12)—Black Wash

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fa475f
#ee647c
1.1
#fa475f
#7c7c7c
1.21
#fa475f
#ddb4bb
1.84
#ee647c
#7c7c7c
1.34
#ee647c
#ddb4bb
1.67
#810314
#0c0c0c
1.82

Image palette Web design ui ux colors palette png