Loading...
Created at 02/12/2022 12:36
  0.14k

Ui website signup design hex colors

  • Sea Serpent
    #3cbece
  • Medium Sky Blue
    #81e4f3
  • Blue Sapphire
    #1a6169
  • Deep Puce
    #a45661
  • Pale Chestnut
    #d5b3b7
  • Jet
    #332e3c
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors Medium Sky Blue #81e4f3 and Deep Puce #a45661. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #332E3C (darkest) to #D5B3B7 (lightest). The lightness range is wide.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1A6169, #332E3C, #3CBECE, #81E4F3, #A45661, #D5B3B7

Palette Ui website signup design hex colors has combination of 6 codes colors:
HEX: #3cbece, RGB: (60, 190, 206); HEX: #81e4f3, RGB: (129, 228, 243); HEX: #1a6169, RGB: (26, 97, 105)
HEX: #a45661, RGB: (164, 86, 97); HEX: #d5b3b7, RGB: (213, 179, 183); HEX: #332e3c, RGB: (51, 46, 60)
Simplified version of palette colors
Shade of darkturquoise, Tint of paleturquoise, Shade of darkslategrey, Tint of indianred, Tint of thistle, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Ui website signup design hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3cbece #3cbece RGB(60, 190, 206)Sea Serpent
#81e4f3 #81e4f3 RGB(129, 228, 243)Medium Sky Blue
#1a6169 #1a6169 RGB(26, 97, 105)Blue Sapphire
#a45661 #a45661 RGB(164, 86, 97)Deep Puce
#d5b3b7 #d5b3b7 RGB(213, 179, 183)Pale Chestnut
#332e3c #332e3c RGB(51, 46, 60)Jet

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3cbece
#81e4f3
1.51
#3cbece
#d5b3b7
1.16
#81e4f3
#d5b3b7
1.3
#1a6169
#a45661
1.38
#1a6169
#332e3c
1.85

Image palette Ui website signup design hex colors png

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