Harmony

Palette information

Brown

Cyan

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#514646	rgb(81, 70, 70)	hsl(0, 7%, 30%)	hwb(0 27% 68%)	hsv 0°, 14%, 32%	cmyk 0%, 14%, 14%, 68%	Pantone 438C
#dad3c7	rgb(218, 211, 199)	hsl(38, 20%, 82%)	hwb(38 78% 15%)	hsv 38°, 9%, 85%	cmyk 0%, 3%, 9%, 15%	Pantone 4755C
#fff5f1	rgb(255, 245, 241)	hsl(17, 100%, 97%)	hwb(17 95% 0%)	hsv 17°, 5%, 100%	cmyk 0%, 4%, 5%, 0%	Pantone 663C
#e5f7ec	rgb(229, 247, 236)	hsl(143, 53%, 93%)	hwb(143 90% 3%)	hsv 143°, 7%, 97%	cmyk 7%, 0%, 4%, 3%	Pantone 621C
#fff2cd	rgb(255, 242, 205)	hsl(44, 100%, 90%)	hwb(44 80% 0%)	hsv 44°, 20%, 100%	cmyk 0%, 5%, 20%, 0%	Pantone 468C

Click a color format to copy to your clipboard.

White background Black background

#514646

9.1

#dad3c7

1.5

#fff5f1

1.1

#dad3c7

1.1

#dad3c7

1.1

Color blindness filter

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

Android color codes


                <color name="Harmony_1">#514646</color>


                <color name="Harmony_2">#dad3c7</color>


                <color name="Harmony_3">#fff5f1</color>


                <color name="Harmony_4">#e5f7ec</color>


                <color name="Harmony_5">#fff2cd</color>

Flutter color codes


                const Harmony1 = Color(0xFF514646);


                const Harmony2 = Color(0xFFdad3c7);


                const Harmony3 = Color(0xFFfff5f1);


                const Harmony4 = Color(0xFFe5f7ec);


                const Harmony5 = Color(0xFFfff2cd);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator