Loading...
Created at 01/03/2022 18:45
  0.19k

Interactive website branding ui colors

  • #38789a
  • #f1ca93
  • #275d6e
  • #9e6257
  • #aebbc5
  • #2f3b52
Loading...
The palette consists of Light, Semi dark colors. Accent colors #f1ca93 and #275d6e. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2F3B52 (darkest) to #F1CA93 (lightest). The lightness range is moderate.

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): #275D6E, #2F3B52, #38789A, #9E6257, #AEBBC5, #F1CA93

Palette Interactive website branding ui colors has combination of 6 codes colors:
HEX: #38789a, RGB: (56, 120, 154); HEX: #f1ca93, RGB: (241, 202, 147); HEX: #275d6e, RGB: (39, 93, 110)
HEX: #9e6257, RGB: (158, 98, 87); HEX: #aebbc5, RGB: (174, 187, 197); HEX: #2f3b52, RGB: (47, 59, 82)
Simplified version of palette colors
Tint of steelblue, Shade of burlywood, Shade of darkslategrey, Tint of indianred, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Interactive website branding ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#38789a #38789a RGB(56, 120, 154)
#f1ca93 #f1ca93 RGB(241, 202, 147)
#275d6e #275d6e RGB(39, 93, 110)
#9e6257 #9e6257 RGB(158, 98, 87)
#aebbc5 #aebbc5 RGB(174, 187, 197)
#2f3b52 #2f3b52 RGB(47, 59, 82)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#38789a
#275d6e
1.5
#38789a
#9e6257
1
#f1ca93
#aebbc5
1.27
#275d6e
#9e6257
1.5
#275d6e
#2f3b52
1.53

Image palette Interactive website branding ui colors png

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