Purple/Yellow

Palette information

Sun Jul 07 2019

Purple

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#512da8	rgb(81, 45, 168)	hsl(258, 58%, 42%)	hwb(258 18% 34%)	hsv 258°, 73%, 66%	cmyk 52%, 73%, 0%, 34%	Pantone 267C
#673ab7	rgb(103, 58, 183)	hsl(262, 52%, 47%)	hwb(262 23% 28%)	hsv 262°, 68%, 72%	cmyk 44%, 68%, 0%, 28%	Pantone 266C
#d1c4e9	rgb(209, 196, 233)	hsl(261, 46%, 84%)	hwb(261 77% 9%)	hsv 261°, 16%, 91%	cmyk 10%, 16%, 0%, 9%	Pantone 263C
#ffeb3b	rgb(255, 235, 59)	hsl(54, 100%, 62%)	hwb(54 23% 0%)	hsv 54°, 77%, 100%	cmyk 0%, 8%, 77%, 0%	Pantone 107C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

Background

#512da8

9.2

#673ab7

7.3

#d1c4e9

1.6

#ffeb3b

1.2

#212121

16.1

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Purple/Yellow_1">#512da8</color>


                <color name="Purple/Yellow_2">#673ab7</color>


                <color name="Purple/Yellow_3">#d1c4e9</color>


                <color name="Purple/Yellow_4">#ffeb3b</color>


                <color name="Purple/Yellow_5">#212121</color>

Flutter color codes


                const Purple/Yellow1 = Color(0xFF512da8);


                const Purple/Yellow2 = Color(0xFF673ab7);


                const Purple/Yellow3 = Color(0xFFd1c4e9);


                const Purple/Yellow4 = Color(0xFFffeb3b);


                const Purple/Yellow5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator