Serene

#E85A4F

#F7BE81

#A3B18A

#607D8B

#4F6D7A

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Yellow

Green

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e85a4f	rgb(232, 90, 79)	hsl(4.3 77% 61%)	hwb(4.3 31% 9%)	lch(57.8 66.5 33.3)	lab(57.8 55.5 36.5)	cmyk 0%, 61%, 66%, 9%
	#f7be81	rgb(247, 190, 129)	hsl(31 88% 74%)	hwb(31 51% 3.1%)	lch(81.3 42.1 67.9)	lab(81.3 15.9 39)	cmyk 0%, 23%, 48%, 3%
	#a3b18a	rgb(163, 177, 138)	hsl(82 20% 62%)	hwb(82 54% 31%)	lch(70.3 21 119)	lab(70.3 -10.3 18.3)	cmyk 8%, 0%, 22%, 31%
	#607d8b	rgb(96, 125, 139)	hsl(200 18% 46%)	hwb(200 38% 45%)	lch(50.5 13.8 234)	lab(50.5 -8.12 -11.2)	cmyk 31%, 10%, 0%, 45%
	#4f6d7a	rgb(79, 109, 122)	hsl(200 21% 39%)	hwb(200 31% 52%)	lch(44.1 14 232)	lab(44.1 -8.69 -11)	cmyk 35%, 11%, 0%, 52%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E85A4F

AA - 3.49



#F7BE81

AA - 1.66



#A3B18A

AA - 2.27



#607D8B

AA - 4.37



#4F6D7A

AA - 5.52



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(65.1% 0.158 0.082), oklab(84% 0.039 0.094), oklab(73.9% -0.031 0.047), oklab(57.2% -0.026 -0.03), oklab(51.6% -0.028 -0.029))

Fallback colors



background: linear-gradient(45deg, #E85A4F, #F7BE81, #A3B18A, #607D8B, #4F6D7A)

Colors



<!-- Primary Colors -->
<color name="serene_color_10">#E85A4F</color>
<color name="serene_color_20">#F7BE81</color>
<color name="serene_color_30">#A3B18A</color>
<color name="serene_color_40">#607D8B</color>
<color name="serene_color_50">#4F6D7A</color>

PWA prompt