Hover ux ui remittance

  • Light Carmine Pink
    #ef6676
  • Congo Pink
    #fc7c7c
  • UP Maroon
    #780c19
  • Sereni Teal
    #75bea8
  • Opal
    #a8cdc5
  • Gray
    #444444
  0.11k
Created at 11/30/2022 18:04
The palette consists of Light, Dark, Semi dark colors. Accent colors Congo Pink #fc7c7c and Sereni Teal #75bea8. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #780C19 (darkest) to #A8CDC5 (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #444444, #75BEA8, #780C19, #A8CDC5, #EF6676, #FC7C7C

Palette Hover ux ui remittance combines 6 color codes:
HEX: #ef6676, RGB: (239, 102, 118); HEX: #fc7c7c, RGB: (252, 124, 124); HEX: #780c19, RGB: (120, 12, 25)
HEX: #75bea8, RGB: (117, 190, 168); HEX: #a8cdc5, RGB: (168, 205, 197); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Shade of Light Coral, Tint of Light Coral, Tint of Maroon, Shade of Medium Aquamarine, Shade of Powder Blue, Shade of Dim Gray
Color scheme was created by coolor

Color codes in palette

Hover ux ui remittance color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ef6676#ef6676RGB(239, 102, 118)Light Carmine Pink—
#fc7c7c#fc7c7cRGB(252, 124, 124)Congo Pink—
#780c19#780c19RGB(120, 12, 25)UP Maroon—
#75bea8#75bea8RGB(117, 190, 168)Sereni Teal—
#a8cdc5#a8cdc5RGB(168, 205, 197)Opal—
#444444#444444RGB(68, 68, 68)GrayGoshawk Grey

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ef6676
#fc7c7c
1.21
#ef6676
#75bea8
1.41
#ef6676
#a8cdc5
1.78
#fc7c7c
#75bea8
1.16
#fc7c7c
#a8cdc5
1.46
#780c19
#444444
1.15

Image palette Hover ux ui remittance png