Happiness

Palette information

Blue

Red

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#013ff9	rgb(1, 63, 249)	hsl(225, 99%, 49%)	hwb(225 0% 2%)	hsv 225°, 100%, 98%	cmyk 100%, 75%, 0%, 2%	Pantone 2736C
#ff426c	rgb(255, 66, 108)	hsl(347, 100%, 63%)	hwb(347 26% 0%)	hsv 347°, 74%, 100%	cmyk 0%, 74%, 58%, 0%	Pantone 191C
#ffb100	rgb(255, 177, 0)	hsl(42, 100%, 50%)	hwb(42 0% 0%)	hsv 42°, 100%, 100%	cmyk 0%, 31%, 100%, 0%	Pantone 1235C
#ffbdbd	rgb(255, 189, 189)	hsl(0, 100%, 87%)	hwb(0 74% 0%)	hsv 0°, 26%, 100%	cmyk 0%, 26%, 26%, 0%	Pantone 169C
#e6f1ff	rgb(230, 241, 255)	hsl(214, 100%, 95%)	hwb(214 90% 0%)	hsv 214°, 10%, 100%	cmyk 10%, 5%, 0%, 0%	Pantone 656C

Click a color format to copy to your clipboard.

White background Black background

#013ff9

6.8

#ff426c

3.4

#ffb100

1.8

#ff426c

1.6

#ff426c

1.1

Color blindness filter

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

Android color codes


                <color name="Happiness_1">#013ff9</color>


                <color name="Happiness_2">#ff426c</color>


                <color name="Happiness_3">#ffb100</color>


                <color name="Happiness_4">#ffbdbd</color>


                <color name="Happiness_5">#e6f1ff</color>

Flutter color codes


                const Happiness1 = Color(0xFF013ff9);


                const Happiness2 = Color(0xFFff426c);


                const Happiness3 = Color(0xFFffb100);


                const Happiness4 = Color(0xFFffbdbd);


                const Happiness5 = Color(0xFFe6f1ff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator