Color Palettes
Dark php ui design webapp colours

Dark php ui design webapp colours

Middle Green Yellow
#a8bd4c
Medium Spring Bud
#cfdb9e
American Purple
#3d2650
Dark Blue-Gray
#6c6c8c
Gray (X11)
#bcbcbc
Japanese Indigo
#2a4152

Created at 02/16/2023 10:37

The palette consists of Light, Dark, Semi dark colors. Accent colors Middle Green Yellow #a8bd4c and American Purple #3d2650. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3D2650 (darkest) to #CFDB9E (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 29% across the palette.

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): #2A4152, #3D2650, #6C6C8C, #A8BD4C, #BCBCBC, #CFDB9E

Palette Dark php ui design webapp colours combines 6 color codes:

HEX: #a8bd4c, RGB: (168, 189, 76); HEX: #cfdb9e, RGB: (207, 219, 158); HEX: #3d2650, RGB: (61, 38, 80)

HEX: #6c6c8c, RGB: (108, 108, 140); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #2a4152, RGB: (42, 65, 82)

Simplified version of palette colors

Shade of Yellow Green, Shade of Pale Goldenrod, Tint of Midnight Blue, Shade of Slate Gray, Shade of Silver, Shade of Dark Slate Gray

Color scheme was created by bad_colors

Color codes in palette

Dark php ui design webapp colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#a8bd4c	#a8bd4c	RGB(168, 189, 76)	Middle Green Yellow	—
#cfdb9e	#cfdb9e	RGB(207, 219, 158)	Medium Spring Bud	—
#3d2650	#3d2650	RGB(61, 38, 80)	American Purple	—
#6c6c8c	#6c6c8c	RGB(108, 108, 140)	Dark Blue-Gray	—
#bcbcbc	#bcbcbc	RGB(188, 188, 188)	Gray (X11)	—
#2a4152	#2a4152	RGB(42, 65, 82)	Japanese Indigo	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#a8bd4c	#cfdb9e	1.42
#a8bd4c	#bcbcbc	1.1
#cfdb9e	#bcbcbc	1.29
#3d2650	#2a4152	1.24

Image palette Dark php ui design webapp colours png

Dark php ui design webapp colours - #237369

--color-middle-green-yellow:	#a8bd4c;
--color-medium-spring-bud:	#cfdb9e;
--color-american-purple:	#3d2650;
--color-dark-blue-gray:	#6c6c8c;
--color-gray-x11:	#bcbcbc;
--color-japanese-indigo:	#2a4152;

$color-middle-green-yellow:	#a8bd4c;
$color-medium-spring-bud:	#cfdb9e;
$color-american-purple:	#3d2650;
$color-dark-blue-gray:	#6c6c8c;
$color-gray-x11:	#bcbcbc;
$color-japanese-indigo:	#2a4152;

@color-middle-green-yellow:	#a8bd4c;
@color-medium-spring-bud:	#cfdb9e;
@color-american-purple:	#3d2650;
@color-dark-blue-gray:	#6c6c8c;
@color-gray-x11:	#bcbcbc;
@color-japanese-indigo:	#2a4152;