Created at 12/25/2019 13:29
  0.2k

Illustration ux settings ui hex colors

  • #eb4670
  • #f3875a
  • #1e0c0e
  • #747473
  • #d8c9c2
  • #3c3c3c
The palette consists of Light, Dark colors. Accent colors #eb4670 and #f3875a. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #1E0C0E (darkest) to #D8C9C2 (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): #1E0C0E, #3C3C3C, #747473, #D8C9C2, #EB4670, #F3875A

Palette Illustration ux settings ui hex colors has combination of 6 codes colors:
HEX: #eb4670, RGB: (235, 70, 112); HEX: #f3875a, RGB: (243, 135, 90); HEX: #1e0c0e, RGB: (30, 12, 14)
HEX: #747473, RGB: (116, 116, 115); HEX: #d8c9c2, RGB: (216, 201, 194); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of indianred, Shade of coral, Shade of Black, Shade of dimgrey, Tint of lightgrey, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Illustration ux settings ui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eb4670 #eb4670 RGB(235, 70, 112)
#f3875a #f3875a RGB(243, 135, 90)
#1e0c0e #1e0c0e RGB(30, 12, 14)
#747473 #747473 RGB(116, 116, 115)
#d8c9c2 #d8c9c2 RGB(216, 201, 194)
#3c3c3c #3c3c3c RGB(60, 60, 60)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eb4670
#f3875a
1.49
#eb4670
#747473
1.25
#f3875a
#747473
1.87
#f3875a
#d8c9c2
1.54
#1e0c0e
#3c3c3c
1.7

Image palette Illustration ux settings ui hex colors png