#f2da6f

#fcf0e3

#fcc2f2

#fa89e7

#5a3d2b

Ice Cream

#f2da6f

#fcf0e3

#fcc2f2

#fa89e7

#5a3d2b



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

White

Pink

Yellow

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f2da6f	rgb(242, 218, 111)	hsl(49 83% 69%)	hwb(49 44% 5.1%)	lch(87.5 55 91)	lab(87.5 -0.978 55)	cmyk 0%, 10%, 54%, 5%
	#fcf0e3	rgb(252, 240, 227)	hsl(31 81% 94%)	hwb(31 89% 1.2%)	lch(95.5 8.24 71.7)	lab(95.5 2.58 7.82)	cmyk 0%, 5%, 10%, 1%
	#fcc2f2	rgb(252, 194, 242)	hsl(310 91% 87%)	hwb(310 76% 1.2%)	lch(84.9 31.1 330)	lab(84.9 27 -15.5)	cmyk 0%, 23%, 4%, 1%
	#fa89e7	rgb(250, 137, 231)	hsl(310 92% 76%)	hwb(310 54% 2%)	lch(72.3 60.1 332)	lab(72.3 52.9 -28.5)	cmyk 0%, 45%, 8%, 2%
	#5a3d2b	rgb(90, 61, 43)	hsl(23 35% 26%)	hwb(23 17% 65%)	lch(28.8 20 55.3)	lab(28.8 11.4 16.4)	cmyk 0%, 32%, 52%, 65%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#f2da6f

AA - 1.39



#fcf0e3

AA - 1.12



#fcc2f2

AA - 1.48



#fa89e7

AA - 2.14



#5a3d2b

AAA - 9.82



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(88.7% -0.016 0.129), oklab(96.1% 0.007 0.02), oklab(88% 0.08 -0.042), oklab(78.3% 0.158 -0.078), oklab(38.8% 0.03 0.04))

Fallback colors



background: linear-gradient(45deg, #f2da6f, #fcf0e3, #fcc2f2, #fa89e7, #5a3d2b)

Colors



<!-- Primary Colors -->
<color name="ice_cream_color_10">#f2da6f</color>
<color name="ice_cream_color_20">#fcf0e3</color>
<color name="ice_cream_color_30">#fcc2f2</color>
<color name="ice_cream_color_40">#fa89e7</color>
<color name="ice_cream_color_50">#5a3d2b</color>

PWA prompt