Springtime

#FFD37F

#E2FEF0

#A5F273

#69B473

#009B77

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffd37f	rgb(255, 211, 127)	hsl(39 100% 75%)	hwb(39 50% 0%)	lch(87.1 48.1 79.7)	lab(87.1 8.59 47.4)	cmyk 0%, 17%, 50%, 0%
	#e2fef0	rgb(226, 254, 240)	hsl(150 93% 94%)	hwb(150 89% 0.39%)	lch(97.3 11.9 163)	lab(97.3 -11.3 3.48)	cmyk 11%, 0%, 6%, 0%
	#a5f273	rgb(165, 242, 115)	hsl(96 83% 70%)	hwb(96 45% 5.1%)	lch(88.5 66.5 128)	lab(88.5 -40.6 52.6)	cmyk 32%, 0%, 52%, 5%
	#69b473	rgb(105, 180, 115)	hsl(130 33% 56%)	hwb(130 41% 29%)	lch(67.2 43.2 144)	lab(67.2 -34.8 25.6)	cmyk 42%, 0%, 36%, 29%
	#009b77	rgb(0, 155, 119)	hsl(170 100% 30%)	hwb(170 0% 39%)	lch(56.7 43.8 168)	lab(56.7 -42.9 8.73)	cmyk 100%, 0%, 23%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFD37F

AA - 1.41



#E2FEF0

AA - 1.06



#A5F273

AA - 1.35



#69B473

AA - 2.5



#009B77

AA - 3.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(88.7% 0.015 0.113), oklab(97.3% -0.033 0.009), oklab(88.4% -0.125 0.127), oklab(70.4% -0.101 0.065), oklab(61.3% -0.12 0.024))

Fallback colors



background: linear-gradient(45deg, #FFD37F, #E2FEF0, #A5F273, #69B473, #009B77)

Colors



<!-- Primary Colors -->
<color name="springtime_color_10">#FFD37F</color>
<color name="springtime_color_20">#E2FEF0</color>
<color name="springtime_color_30">#A5F273</color>
<color name="springtime_color_40">#69B473</color>
<color name="springtime_color_50">#009B77</color>

PWA prompt