Golden Spring

#f49a24

#f8bb6d

#fad29e

#24f49a

#9a24f4

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Green

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f49a24	rgb(244, 154, 36)	hsl(34 90% 55%)	hwb(34 14% 4.3%)	lch(71.8 75.3 67.5)	lab(71.8 28.8 69.6)	cmyk 0%, 37%, 85%, 4%
	#f8bb6d	rgb(248, 187, 109)	hsl(34 91% 70%)	hwb(34 43% 2.7%)	lch(80.4 50.8 71)	lab(80.4 16.5 48)	cmyk 0%, 25%, 56%, 3%
	#fad29e	rgb(250, 210, 158)	hsl(34 90% 80%)	hwb(34 62% 2%)	lch(86.8 32.7 73.4)	lab(86.8 9.36 31.3)	cmyk 0%, 16%, 37%, 2%
	#24f49a	rgb(36, 244, 154)	hsl(150 90% 55%)	hwb(150 14% 4.3%)	lch(85.6 70.8 155)	lab(85.6 -64.3 29.5)	cmyk 85%, 0%, 37%, 4%
	#9a24f4	rgb(154, 36, 244)	hsl(270 90% 55%)	hwb(270 14% 4.3%)	lch(44.1 108 311)	lab(44.1 70.7 -81.2)	cmyk 37%, 85%, 0%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f49a24

AA - 2.21



#f8bb6d

AA - 1.7



#fad29e

AA - 1.42



#24f49a

AA - 1.45



#9a24f4

AA - 5.33



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(76.1% 0.064 0.146), oklab(83.2% 0.037 0.113), oklab(88.6% 0.023 0.078), oklab(85.4% -0.181 0.076), oklab(56.4% 0.151 -0.228))

Fallback colors



background: linear-gradient(45deg, #f49a24, #f8bb6d, #fad29e, #24f49a, #9a24f4)

Colors



<!-- Primary Colors -->
<color name="golden_spring_color_10">#f49a24</color>
<color name="golden_spring_color_20">#f8bb6d</color>
<color name="golden_spring_color_30">#fad29e</color>
<color name="golden_spring_color_40">#24f49a</color>
<color name="golden_spring_color_50">#9a24f4</color>

PWA prompt