Margarita

#79C356

#D9E493

#F2F08F

#A2C523

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#79c356	rgb(121, 195, 86)	hsl(100 48% 55%)	oklab(74% -0.12 0.11)	oklch(74% 0.16 140)	color(display-p3 0.54 0.76 0.39)
	#d9e493	rgb(217, 228, 147)	hsl(68 60% 74%)	oklab(89% -0.04 0.09)	oklch(89% 0.1 110)	color(display-p3 0.86 0.89 0.61)
	#f2f08f	rgb(242, 240, 143)	hsl(59 79% 75%)	oklab(94% -0.04 0.11)	oklch(94% 0.12 110)	color(display-p3 0.95 0.94 0.61)
	#a2c523	rgb(162, 197, 35)	hsl(73 70% 45%)	oklab(77% -0.09 0.15)	oklch(77% 0.18 120)	color(display-p3 0.66 0.77 0.28)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#79C356

AA - 2.15



#D9E493

AA - 1.35



#F2F08F

AA - 1.19



#A2C523

AA - 1.99



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(74.5% -0.118 0.111), oklab(89.2% -0.044 0.094), oklab(93.6% -0.036 0.114), oklab(77.1% -0.094 0.151))

Fallback colors



background: linear-gradient(45deg, #79C356, #D9E493, #F2F08F, #A2C523)

Colors



<!-- Primary Colors -->
<color name="margarita_color_10">#79C356</color>
<color name="margarita_color_20">#D9E493</color>
<color name="margarita_color_30">#F2F08F</color>
<color name="margarita_color_40">#A2C523</color>

PWA prompt