Descent

Palette information

Red

Black

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#17553c	rgb(23, 85, 60)	hsl(156, 57%, 21%)	hwb(156 9% 67%)	hsv 156°, 73%, 33%	cmyk 73%, 0%, 29%, 67%	Pantone 343C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#e44365	rgb(228, 67, 101)	hsl(347, 75%, 58%)	hwb(347 26% 11%)	hsv 347°, 71%, 89%	cmyk 0%, 71%, 56%, 11%	Pantone 198C
#c03755	rgb(192, 55, 85)	hsl(347, 55%, 48%)	hwb(347 22% 25%)	hsv 347°, 71%, 75%	cmyk 0%, 71%, 56%, 25%	Pantone 703C
#231f20	rgb(35, 31, 32)	hsl(345, 6%, 13%)	hwb(345 12% 86%)	hsv 345°, 11%, 14%	cmyk 0%, 11%, 9%, 86%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#17553C

8.7

#FFFFFF

1.0

#E44365

4.0

#FFFFFF

5.4

#FFFFFF

16.3

Color blindness filter

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

Android color codes


                <color name="Descent_1">#17553C</color>


                <color name="Descent_2">#FFFFFF</color>


                <color name="Descent_3">#E44365</color>


                <color name="Descent_4">#C03755</color>


                <color name="Descent_5">#231F20</color>

Flutter color codes


                const Descent1 = Color(0xFF17553C);


                const Descent2 = Color(0xFFFFFFFF);


                const Descent3 = Color(0xFFE44365);


                const Descent4 = Color(0xFFC03755);


                const Descent5 = Color(0xFF231F20);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator