Room

Palette information

Cyan

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#77c4bb	rgb(119, 196, 187)	hsl(173, 39%, 62%)	hwb(173 47% 23%)	hsv 173°, 39%, 77%	cmyk 39%, 0%, 5%, 23%	Pantone 564C
#addbd5	rgb(173, 219, 213)	hsl(172, 39%, 77%)	hwb(172 68% 14%)	hsv 172°, 21%, 86%	cmyk 21%, 0%, 3%, 14%	Pantone 573C
#d1ebe7	rgb(209, 235, 231)	hsl(171, 39%, 87%)	hwb(171 82% 8%)	hsv 171°, 11%, 92%	cmyk 11%, 0%, 2%, 8%	Pantone 621C
#dbadb4	rgb(219, 173, 180)	hsl(351, 39%, 77%)	hwb(351 68% 14%)	hsv 351°, 21%, 86%	cmyk 0%, 21%, 18%, 14%	Pantone 501C
#c47882	rgb(196, 120, 130)	hsl(352, 39%, 62%)	hwb(352 47% 23%)	hsv 352°, 39%, 77%	cmyk 0%, 39%, 34%, 23%	Pantone 695C

Click a color format to copy to your clipboard.

White background Black background

#77c4bb

2.0

#addbd5

1.5

#d1ebe7

1.3

#addbd5

2.0

#addbd5

3.3

Color blindness filter

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

Android color codes


                <color name="Room_1">#77c4bb</color>


                <color name="Room_2">#addbd5</color>


                <color name="Room_3">#d1ebe7</color>


                <color name="Room_4">#dbadb4</color>


                <color name="Room_5">#c47882</color>

Flutter color codes


                const Room1 = Color(0xFF77c4bb);


                const Room2 = Color(0xFFaddbd5);


                const Room3 = Color(0xFFd1ebe7);


                const Room4 = Color(0xFFdbadb4);


                const Room5 = Color(0xFFc47882);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator