#99044f

#d4147a

#f449c3

#fa7ad7

#ffacea

Day

#99044f

#d4147a

#f449c3

#fa7ad7

#ffacea



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

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#99044f	rgb(153, 4, 79)	hsl(330 95% 31%)	hwb(330 1.6% 40%)	lch(33.2 57 1.24)	lab(33.2 57 1.24)	cmyk 0%, 97%, 48%, 40%
	#d4147a	rgb(212, 20, 122)	hsl(330 83% 45%)	hwb(330 7.8% 17%)	lch(47.4 72.1 357)	lab(47.4 72 -3.68)	cmyk 0%, 91%, 42%, 17%
	#f449c3	rgb(244, 73, 195)	hsl(320 89% 62%)	hwb(320 29% 4.3%)	lch(60.1 78.1 340)	lab(60.1 73.3 -27.1)	cmyk 0%, 70%, 20%, 4%
	#fa7ad7	rgb(250, 122, 215)	hsl(320 93% 73%)	hwb(320 48% 2%)	lch(69 62.9 337)	lab(69 57.9 -24.6)	cmyk 0%, 51%, 14%, 2%
	#ffacea	rgb(255, 172, 234)	hsl(320 100% 84%)	hwb(320 67% 0%)	lch(80.1 42.1 334)	lab(80.1 38 -18.3)	cmyk 0%, 33%, 8%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#99044f

AAA - 8.45



#d4147a

AA - 5.02



#f449c3

AA - 3.18



#fa7ad7

AA - 2.37



#ffacea

AA - 1.7



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(44.4% 0.177 0.001), oklab(57.2% 0.225 -0.012), oklab(68.5% 0.226 -0.075), oklab(75.6% 0.176 -0.068), oklab(84.3% 0.114 -0.05))

Fallback colors



background: linear-gradient(45deg, #99044f, #d4147a, #f449c3, #fa7ad7, #ffacea)

Colors



<!-- Primary Colors -->
<color name="day_color_10">#99044f</color>
<color name="day_color_20">#d4147a</color>
<color name="day_color_30">#f449c3</color>
<color name="day_color_40">#fa7ad7</color>
<color name="day_color_50">#ffacea</color>

PWA prompt