Calm

Palette information

Blue

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#fcac48	rgb(252, 172, 72)	hsl(33, 97%, 64%)	hwb(33 28% 1%)	hsv 33°, 71%, 99%	cmyk 0%, 32%, 71%, 1%	Pantone 804C
#cabbac	rgb(202, 187, 172)	hsl(30, 22%, 73%)	hwb(30 67% 21%)	hsv 30°, 15%, 79%	cmyk 0%, 7%, 15%, 21%	Pantone 4745C
#bbb1aa	rgb(187, 177, 170)	hsl(25, 11%, 70%)	hwb(25 67% 27%)	hsv 25°, 9%, 73%	cmyk 0%, 5%, 9%, 27%	Pantone 401C
#3f5e6f	rgb(63, 94, 111)	hsl(201, 28%, 34%)	hwb(201 25% 56%)	hsv 201°, 43%, 44%	cmyk 43%, 15%, 0%, 56%	Pantone 431C
#253750	rgb(37, 55, 80)	hsl(215, 37%, 23%)	hwb(215 15% 69%)	hsv 215°, 54%, 31%	cmyk 54%, 31%, 0%, 69%	Pantone 533C

Click a color format to copy to your clipboard.

White background Black background

#FCAC48

1.9

#CABBAC

1.9

#BBB1AA

2.1

#CABBAC

6.9

#CABBAC

12.1

Color blindness filter

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

Android color codes


                <color name="Calm_1">#FCAC48</color>


                <color name="Calm_2">#CABBAC</color>


                <color name="Calm_3">#BBB1AA</color>


                <color name="Calm_4">#3F5E6F</color>


                <color name="Calm_5">#253750</color>

Flutter color codes


                const Calm1 = Color(0xFFFCAC48);


                const Calm2 = Color(0xFFCABBAC);


                const Calm3 = Color(0xFFBBB1AA);


                const Calm4 = Color(0xFF3F5E6F);


                const Calm5 = Color(0xFF253750);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator