Living

#A3B18A

#D5C0A8

#F2D7D5

#F2E9E4

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Pink

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#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%
	#d5c0a8	rgb(213, 192, 168)	hsl(32 35% 75%)	hwb(32 66% 16%)	lch(79 15.8 72)	lab(79 4.88 15)	cmyk 0%, 10%, 21%, 16%
	#f2d7d5	rgb(242, 215, 213)	hsl(4.1 53% 89%)	hwb(4.1 84% 5.1%)	lch(88.2 10.5 26)	lab(88.2 9.43 4.6)	cmyk 0%, 11%, 12%, 5%
	#f2e9e4	rgb(242, 233, 228)	hsl(21 35% 92%)	hwb(21 89% 5.1%)	lch(93 4.37 54.9)	lab(93 2.51 3.58)	cmyk 0%, 4%, 6%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#A3B18A

AA - 2.27



#D5C0A8

AA - 1.75



#F2D7D5

AA - 1.35



#F2E9E4

AA - 1.19



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(73.9% -0.031 0.047), oklab(81.9% 0.013 0.038), oklab(90.1% 0.028 0.012), oklab(94% 0.007 0.009))

Fallback colors



background: linear-gradient(45deg, #A3B18A, #D5C0A8, #F2D7D5, #F2E9E4)

Colors



<!-- Primary Colors -->
<color name="living_color_10">#A3B18A</color>
<color name="living_color_20">#D5C0A8</color>
<color name="living_color_30">#F2D7D5</color>
<color name="living_color_40">#F2E9E4</color>

PWA prompt