Currency site ui illustration

  • Bright Navy Blue
    #0c74dc
  • Salmon
    #f4806e
  • True Blue
    #0c6cd4
  • Dim Gray
    #636174
  • Black Shadows
    #c1b0b2
  • Jacarta
    #41395d
  52

Currency site ui illustration has 6 colors, mostly blue and red. The lightest color is Black Shadows (#C1B0B2), the darkest Jacarta (#41395D). Its strongest contrast pair is #41395D on #C1B0B2 (5.1:1, WCAG AA).

Created at 03/18/2023 14:37
The palette consists of Semi dark, Light colors. Accent colors Bright Navy Blue #0c74dc and Salmon #f4806e. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #41395D (darkest) to #C1B0B2 (lightest). The lightness range is moderate.

Saturation is mixed — 3 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 cool (3 of 6).

HEX codes (sorted): #0C6CD4, #0C74DC, #41395D, #636174, #C1B0B2, #F4806E

Palette Currency site ui illustration combines 6 color codes:
HEX: #0c74dc, RGB: (12, 116, 220); HEX: #f4806e, RGB: (244, 128, 110); HEX: #0c6cd4, RGB: (12, 108, 212)
HEX: #636174, RGB: (99, 97, 116); HEX: #c1b0b2, RGB: (193, 176, 178); HEX: #41395d, RGB: (65, 57, 93)
Simplified version of palette colors
Shade of Steel Blue, Shade of Salmon, Shade of Royal Blue, Shade of Dim Gray, Tint of Dark Gray, Shade of Dark Slate Blue
Color scheme was created by colourlock

Color codes in palette

Currency site ui illustration color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#0c74dc#0c74dcRGB(12, 116, 220)Bright Navy Blue—
#f4806e#f4806eRGB(244, 128, 110)Salmon—
#0c6cd4#0c6cd4RGB(12, 108, 212)True Blue—
#636174#636174RGB(99, 97, 116)Dim Gray—
#c1b0b2#c1b0b2RGB(193, 176, 178)Black Shadows—
#41395d#41395dRGB(65, 57, 93)Jacarta—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0c74dc
#f4806e
1.79
#0c74dc
#0c6cd4
1.1
#0c74dc
#636174
1.3
#f4806e
#0c6cd4
1.98
#f4806e
#c1b0b2
1.24
#0c6cd4
#636174
1.17

Image palette Currency site ui illustration png