Plant

#1a4d25

#648567

#afc0b0

#cedbcf

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1a4d25	rgb(26, 77, 37)	hsl(130 50% 20%)	hwb(130 10% 70%)	lch(28.5 31.3 144)	lab(28.5 -25.3 18.4)	cmyk 66%, 0%, 52%, 70%
	#648567	rgb(100, 133, 103)	hsl(130 14% 46%)	hwb(130 39% 48%)	lch(52.4 20.9 144)	lab(52.4 -16.9 12.3)	cmyk 25%, 0%, 23%, 48%
	#afc0b0	rgb(175, 192, 176)	hsl(120 12% 72%)	hwb(120 69% 25%)	lch(76 10.3 144)	lab(76 -8.32 6)	cmyk 9%, 0%, 8%, 25%
	#cedbcf	rgb(206, 219, 207)	hsl(120 15% 83%)	hwb(120 81% 14%)	lch(86.2 7.55 145)	lab(86.2 -6.18 4.33)	cmyk 6%, 0%, 5%, 14%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1a4d25

AAA - 9.84



#648567

AA - 4.12



#afc0b0

AA - 1.91



#cedbcf

AA - 1.43



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(37.5% -0.073 0.046), oklab(58.3% -0.049 0.032), oklab(79% -0.024 0.016), oklab(87.8% -0.018 0.011))

Fallback colors



background: linear-gradient(45deg, #1a4d25, #648567, #afc0b0, #cedbcf)

Colors



<!-- Primary Colors -->
<color name="plant_color_10">#1a4d25</color>
<color name="plant_color_20">#648567</color>
<color name="plant_color_30">#afc0b0</color>
<color name="plant_color_40">#cedbcf</color>

PWA prompt