Yellow/Purple

Palette information

Sun Jul 07 2019

Yellow

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#fbc02d	rgb(251, 192, 45)	hsl(43, 96%, 58%)	hwb(43 18% 2%)	hsv 43°, 82%, 98%	cmyk 0%, 24%, 82%, 2%	Pantone 123C
#ffeb3b	rgb(255, 235, 59)	hsl(54, 100%, 62%)	hwb(54 23% 0%)	hsv 54°, 77%, 100%	cmyk 0%, 8%, 77%, 0%	Pantone 107C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#7c4dff	rgb(124, 77, 255)	hsl(256, 100%, 65%)	hwb(256 30% 0%)	hsv 256°, 70%, 100%	cmyk 51%, 70%, 0%, 0%	Pantone 266C
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hwb(0 0% 100%)	hsv 0°, 0%, 0%	cmyk 0%, 0%, 0%, 100%	Pantone 419C

Click a color format to copy to your clipboard.

Background

#fbc02d

1.7

#ffeb3b

1.2

#ffffff

1.0

#7c4dff

4.8

#000000

21.0

Color blindness filter

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

Android color codes


                <color name="Yellow/Purple_1">#fbc02d</color>


                <color name="Yellow/Purple_2">#ffeb3b</color>


                <color name="Yellow/Purple_3">#ffffff</color>


                <color name="Yellow/Purple_4">#7c4dff</color>


                <color name="Yellow/Purple_5">#000000</color>

Flutter color codes


                const Yellow/Purple1 = Color(0xFFfbc02d);


                const Yellow/Purple2 = Color(0xFFffeb3b);


                const Yellow/Purple3 = Color(0xFFffffff);


                const Yellow/Purple4 = Color(0xFF7c4dff);


                const Yellow/Purple5 = Color(0xFF000000);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator