Harmony v2

Palette information

normal

Purple

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#8d3bf7	rgb(141, 59, 247)	hsl(266, 92%, 60%)	hwb(266 23% 3%)	hsv 266°, 76%, 97%	cmyk 43%, 76%, 0%, 3%	Pantone 266C
#b784fa	rgb(183, 132, 250)	hsl(266, 92%, 75%)	hwb(266 52% 2%)	hsv 266°, 47%, 98%	cmyk 27%, 47%, 0%, 2%	Pantone 814C
#d4b5fc	rgb(212, 181, 252)	hsl(266, 92%, 85%)	hwb(266 71% 1%)	hsv 266°, 28%, 99%	cmyk 16%, 28%, 0%, 1%	Pantone 264C
#c7fa85	rgb(199, 250, 133)	hsl(86, 92%, 75%)	hwb(86 52% 2%)	hsv 86°, 47%, 98%	cmyk 20%, 0%, 47%, 2%	Pantone 374C
#a6f73b	rgb(166, 247, 59)	hsl(86, 92%, 60%)	hwb(86 23% 3%)	hsv 86°, 76%, 97%	cmyk 33%, 0%, 76%, 3%	Pantone 375C

Click a color format to copy to your clipboard.

White background Black background

#8d3bf7

5.1

#b784fa

2.7

#d4b5fc

1.8

#b784fa

1.2

#b784fa

1.3

Color blindness filter

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

Android color codes


                <color name="Harmony v2_1">#8d3bf7</color>


                <color name="Harmony v2_2">#b784fa</color>


                <color name="Harmony v2_3">#d4b5fc</color>


                <color name="Harmony v2_4">#c7fa85</color>


                <color name="Harmony v2_5">#a6f73b</color>

Flutter color codes


                const Harmony v21 = Color(0xFF8d3bf7);


                const Harmony v22 = Color(0xFFb784fa);


                const Harmony v23 = Color(0xFFd4b5fc);


                const Harmony v24 = Color(0xFFc7fa85);


                const Harmony v25 = Color(0xFFa6f73b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator