RETROSPECTIVE

Palette information

Yellow

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#c60102	rgb(198, 1, 2)	hsl(360, 99%, 39%)	hwb(360 0% 22%)	hsv 360°, 99%, 78%	cmyk 0%, 99%, 99%, 22%	Pantone 485C
#ef4706	rgb(239, 71, 6)	hsl(17, 95%, 48%)	hwb(17 2% 6%)	hsv 17°, 97%, 94%	cmyk 0%, 70%, 97%, 6%	Pantone 172C
#ffa10e	rgb(255, 161, 14)	hsl(37, 100%, 53%)	hwb(37 5% 0%)	hsv 37°, 95%, 100%	cmyk 0%, 37%, 95%, 0%	Pantone 137C
#05697a	rgb(5, 105, 122)	hsl(189, 92%, 25%)	hwb(189 2% 52%)	hsv 189°, 96%, 48%	cmyk 96%, 14%, 0%, 52%	Pantone 3155C
#01aaad	rgb(1, 170, 173)	hsl(181, 99%, 34%)	hwb(181 0% 32%)	hsv 181°, 99%, 68%	cmyk 99%, 2%, 0%, 32%	Pantone 320C

Click a color format to copy to your clipboard.

White background Black background

#C60102

6.2

#EF4706

3.8

#FFA10E

2.0

#EF4706

6.3

#EF4706

2.9

Color blindness filter

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

Android color codes


                <color name="RETROSPECTIVE_1">#C60102</color>


                <color name="RETROSPECTIVE_2">#EF4706</color>


                <color name="RETROSPECTIVE_3">#FFA10E</color>


                <color name="RETROSPECTIVE_4">#05697A</color>


                <color name="RETROSPECTIVE_5">#01AAAD</color>

Flutter color codes


                const RETROSPECTIVE1 = Color(0xFFC60102);


                const RETROSPECTIVE2 = Color(0xFFEF4706);


                const RETROSPECTIVE3 = Color(0xFFFFA10E);


                const RETROSPECTIVE4 = Color(0xFF05697A);


                const RETROSPECTIVE5 = Color(0xFF01AAAD);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator