Lemon Fuze

#084F2F

#A85022

#EFBB4E

#6CC0D8

#3C0F09

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#084f2f	rgb(8, 79, 47)	hsl(150 82% 17%)	oklab(38% -0.08 0.03)	oklch(38% 0.09 160)	color(display-p3 0.13 0.3 0.2)
	#a85022	rgb(168, 80, 34)	hsl(21 66% 40%)	oklab(53% 0.09 0.09)	oklch(53% 0.13 45)	color(display-p3 0.61 0.33 0.18)
	#efbb4e	rgb(239, 187, 78)	hsl(41 83% 62%)	oklab(82% 0.02 0.14)	oklch(82% 0.14 83)	color(display-p3 0.91 0.74 0.38)
	#6cc0d8	rgb(108, 192, 216)	hsl(190 58% 64%)	oklab(76% -0.07 -0.06)	oklch(76% 0.09 220)	color(display-p3 0.5 0.74 0.84)
	#3c0f09	rgb(60, 15, 9)	hsl(7.1 74% 14%)	oklab(24% 0.06 0.04)	oklch(24% 0.07 31)	color(display-p3 0.22 0.07 0.05)

 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.

#084F2F

AAA - 9.67



#A85022

AA - 5.47



#EFBB4E

AA - 1.76



#6CC0D8

AA - 2.06



#3C0F09

AAA - 16.6



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.8% -0.079 0.033), oklab(53.4% 0.091 0.092), oklab(81.9% 0.017 0.136), oklab(76.4% -0.069 -0.055), oklab(24.5% 0.062 0.037))

Fallback colors



background: linear-gradient(45deg, #084F2F, #A85022, #EFBB4E, #6CC0D8, #3C0F09)

Colors



<!-- Primary Colors -->
<color name="lemon_fuze_color_10">#084F2F</color>
<color name="lemon_fuze_color_20">#A85022</color>
<color name="lemon_fuze_color_30">#EFBB4E</color>
<color name="lemon_fuze_color_40">#6CC0D8</color>
<color name="lemon_fuze_color_50">#3C0F09</color>

PWA prompt