Minimal Red

#ff6663

#ff8282

#ffa9a8

#fcfcfc

#828282

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff6663	rgb(255, 102, 99)	hsl(1.2 100% 69%)	hwb(1.2 39% 0%)	lch(63.8 68 29.6)	lab(63.8 59.2 33.6)	cmyk 0%, 60%, 61%, 0%
	#ff8282	rgb(255, 130, 130)	hsl(0 100% 75%)	hwb(0 51% 0%)	lch(69.2 53.7 25.6)	lab(69.2 48.5 23.2)	cmyk 0%, 49%, 49%, 0%
	#ffa9a8	rgb(255, 169, 168)	hsl(0.69 100% 83%)	hwb(0.69 66% 0%)	lch(77.9 35.4 23.7)	lab(77.9 32.5 14.3)	cmyk 0%, 34%, 34%, 0%
	#fcfcfc	rgb(252, 252, 252)	hsl(none 0% 99%)	hwb(none 99% 1.2%)	lch(99 0 none)	lab(99 0 0)	cmyk 0%, 0%, 0%, 1%
	#828282	rgb(130, 130, 130)	hsl(none 0% 51%)	hwb(none 51% 49%)	lch(54.4 0 none)	lab(54.4 0 0)	cmyk 0%, 0%, 0%, 49%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff6663

AA - 2.86



#ff8282

AA - 2.39



#ffa9a8

AA - 1.82



#fcfcfc

AA - 1.02



#828282

AA - 3.84



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(70.4% 0.171 0.077), oklab(74.8% 0.142 0.056), oklab(81.9% 0.096 0.035), oklab(99.1% 0 0), oklab(60.7% 0 0))

Fallback colors



background: linear-gradient(45deg, #ff6663, #ff8282, #ffa9a8, #fcfcfc, #828282)

Colors



<!-- Primary Colors -->
<color name="minimal_red_color_10">#ff6663</color>
<color name="minimal_red_color_20">#ff8282</color>
<color name="minimal_red_color_30">#ffa9a8</color>
<color name="minimal_red_color_40">#fcfcfc</color>
<color name="minimal_red_color_50">#828282</color>

PWA prompt