UI 2

#ff7733

#ffffff

#c2c2c2

#858585

#616161

Android color codes


                <color name="UI 2_1">#ff7733</color>


                <color name="UI 2_2">#ffffff</color>


                <color name="UI 2_3">#c2c2c2</color>


                <color name="UI 2_4">#858585</color>


                <color name="UI 2_5">#616161</color>

Flutter color codes


                const UI 21 = Color(0xFFff7733);


                const UI 22 = Color(0xFFffffff);


                const UI 23 = Color(0xFFc2c2c2);


                const UI 24 = Color(0xFF858585);


                const UI 25 = Color(0xFF616161);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ff7733	rgb (255, 119, 51)	hsl 20°, 100%, 60%	hsv 20°, 80%, 100%	cmyk 0%, 53%, 80%, 0%	Pantone 1575C
#ffffff	rgb (255, 255, 255)	hsl 0°, 0%, 100%	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#c2c2c2	rgb (194, 194, 194)	hsl 0°, 0%, 76%	hsv 0°, 0%, 76%	cmyk 0%, 0%, 0%, 24%	Pantone 428C
#858585	rgb (133, 133, 133)	hsl 0°, 0%, 52%	hsv 0°, 0%, 52%	cmyk 0%, 0%, 0%, 48%	Pantone 423C
#616161	rgb (97, 97, 97)	hsl 0°, 0%, 38%	hsv 0°, 0%, 38%	cmyk 0%, 0%, 0%, 62%	Pantone 425C

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator