Ui web invoice design

Bleu De France
#2c8dee
Light Sky Blue
#83c4fb
Lapis Lazuli
#245c94
Rackley
#698dac
Weldon Blue
#7593b4
#243e54

The palette consists of Light, Semi dark colors. Accent colors Bleu De France #2c8dee and Light Sky Blue #83c4fb. Palette has Cool colors temperature.

By lightness, this palette runs from #243E54 (darkest) to #83C4FB (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #243E54, #245C94, #2C8DEE, #698DAC, #7593B4, #83C4FB

Palette Ui web invoice design has combination of 6 codes colors:

HEX: #2c8dee, RGB: (44, 141, 238); HEX: #83c4fb, RGB: (131, 196, 251); HEX: #245c94, RGB: (36, 92, 148)

HEX: #698dac, RGB: (105, 141, 172); HEX: #7593b4, RGB: (117, 147, 180); HEX: #243e54, RGB: (36, 62, 84)

Simplified version of palette colors

Shade of dodgerblue, Tint of lightskyblue, Tint of royalblue, Shade of lightslategrey, Shade of lightslategrey, Tint of darkslateblue

Color scheme was created by colorswall

More palettes with:

Blue Grey

Colors codes in palette

Ui web invoice design color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#2c8dee	#2c8dee	RGB(44, 141, 238)	Bleu De France	—
#83c4fb	#83c4fb	RGB(131, 196, 251)	Light Sky Blue	—
#245c94	#245c94	RGB(36, 92, 148)	Lapis Lazuli	—
#698dac	#698dac	RGB(105, 141, 172)	Rackley	—
#7593b4	#7593b4	RGB(117, 147, 180)	Weldon Blue	—
#243e54	#243e54	RGB(36, 62, 84)	—	—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#2c8dee	#83c4fb	1.82
#2c8dee	#698dac	1.02
#2c8dee	#7593b4	1.07
#83c4fb	#698dac	1.87
#83c4fb	#7593b4	1.7
#245c94	#698dac	1.97

Image palette Ui web invoice design png

--color-bleu-de-france:	#2c8dee;
--color-light-sky-blue:	#83c4fb;
--color-lapis-lazuli:	#245c94;
--color-rackley:	#698dac;
--color-weldon-blue:	#7593b4;
--color-1:	#243e54;

$color-bleu-de-france:	#2c8dee;
$color-light-sky-blue:	#83c4fb;
$color-lapis-lazuli:	#245c94;
$color-rackley:	#698dac;
$color-weldon-blue:	#7593b4;
$color-1:	#243e54;

@color-bleu-de-france:	#2c8dee;
@color-light-sky-blue:	#83c4fb;
@color-lapis-lazuli:	#245c94;
@color-rackley:	#698dac;
@color-weldon-blue:	#7593b4;
@color-1:	#243e54;