Golden Hour

#FFDA63

#FFB72B

#F0A300

#E68C00

Actions

Explore the palette in different formats, and actions.

Colors overview

Sunny and warm, like a field of golden wheat under the summer sun.

AI-generated description.

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ffda63	rgb(255, 218, 99)	hsl(46 100% 69%)	oklab(90% 0 0.14)	oklch(90% 0.14 92)	color(display-p3 0.98 0.86 0.46)
	#ffb72b	rgb(255, 183, 43)	hsl(40 100% 58%)	oklab(83% 0.03 0.16)	oklch(83% 0.16 78)	color(display-p3 0.96 0.73 0.3)
	#f0a300	rgb(240, 163, 0)	hsl(41 100% 47%)	oklab(77% 0.04 0.16)	oklch(77% 0.16 75)	color(display-p3 0.9 0.65 0.22)
	#e68c00	rgb(230, 140, 0)	hsl(37 100% 45%)	oklab(72% 0.07 0.15)	oklch(72% 0.16 66)	color(display-p3 0.85 0.57 0.2)

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

#FFDA63

AA - 1.35



#FFB72B

AA - 1.74



#F0A300

AA - 2.11



#E68C00

AA - 2.58



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(89.8% -0.005 0.142), oklab(82.6% 0.034 0.158), oklab(77.2% 0.042 0.157), oklab(71.8% 0.065 0.146))

Fallback colors



background: linear-gradient(45deg, #FFDA63, #FFB72B, #F0A300, #E68C00)

Colors



<!-- Primary Colors -->
<color name="golden_hour_color_10">#FFDA63</color>
<color name="golden_hour_color_20">#FFB72B</color>
<color name="golden_hour_color_30">#F0A300</color>
<color name="golden_hour_color_40">#E68C00</color>

PWA prompt