Red/Green

Palette information

Red

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#d32f2f	rgb(211, 47, 47)	hsl(0, 65%, 51%)	hwb(0 18% 17%)	hsv 0°, 78%, 83%	cmyk 0%, 78%, 78%, 17%	Pantone 1795C
#f44336	rgb(244, 67, 54)	hsl(4, 90%, 58%)	hwb(4 21% 4%)	hsv 4°, 78%, 96%	cmyk 0%, 73%, 78%, 4%	Pantone 179C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#4caf50	rgb(76, 175, 80)	hsl(122, 39%, 49%)	hwb(122 30% 31%)	hsv 122°, 57%, 69%	cmyk 57%, 0%, 54%, 31%	Pantone 347C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#d32f2f

5.0

#f44336

3.7

#ffffff

1.0

#f44336

2.8

#f44336

16.1

Color blindness filter

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

Android color codes


                <color name="Red/Green_1">#d32f2f</color>


                <color name="Red/Green_2">#f44336</color>


                <color name="Red/Green_3">#ffffff</color>


                <color name="Red/Green_4">#4caf50</color>


                <color name="Red/Green_5">#212121</color>

Flutter color codes


                const Red/Green1 = Color(0xFFd32f2f);


                const Red/Green2 = Color(0xFFf44336);


                const Red/Green3 = Color(0xFFffffff);


                const Red/Green4 = Color(0xFF4caf50);


                const Red/Green5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator