Passionate Color Palette

#ff4d4d

#ffcccb

#faedf7

#540b0e

#ff4d4d

#ffcccb

#faedf7

#540b0e

Colors overview

Red

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff4d4d	rgb(255, 77, 77)	hsl(0 100% 65%)	hwb(0 30% 0%)	lch(59.9 79.4 31.4)	lab(59.9 67.8 41.3)	cmyk 0%, 70%, 70%, 0%
	#ffcccb	rgb(255, 204, 203)	hsl(1.2 100% 90%)	hwb(1.2 80% 0%)	lch(86.6 20 22.7)	lab(86.6 18.5 7.73)	cmyk 0%, 20%, 20%, 0%
	#faedf7	rgb(250, 237, 247)	hsl(310 57% 95%)	hwb(310 93% 2%)	lch(95 6.64 331)	lab(95 5.82 -3.19)	cmyk 0%, 5%, 1%, 2%
	#540b0e	rgb(84, 11, 14)	hsl(360 77% 19%)	hwb(360 4.3% 67%)	lch(16.7 38.5 31.1)	lab(16.7 33 19.9)	cmyk 0%, 87%, 83%, 67%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff4d4d

AA - 3.27



#ffcccb

AA - 1.42



#faedf7

AA - 1.13



#540b0e

AAA - 14.67



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(67.3% 0.194 0.091), oklab(88.9% 0.055 0.019), oklab(95.9% 0.017 -0.009), oklab(29.1% 0.094 0.044))

Fallback colors



background: linear-gradient(45deg, #ff4d4d, #ffcccb, #faedf7, #540b0e)

Colors



<!-- Primary Colors -->
<color name="passionate_color_10">#ff4d4d</color>
<color name="passionate_color_20">#ffcccb</color>
<color name="passionate_color_30">#faedf7</color>
<color name="passionate_color_40">#540b0e</color>

PWA prompt