UI 2

Palette information

Orange

Black

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

Click a color format to copy to your clipboard.

White background Black background

#ff7733

2.6

#ffffff

1.0

#c2c2c2

1.8

#ffffff

3.7

#ffffff

6.2

Color blindness filter

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

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);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator