Primula

#a69500

#d1be15

#ebd621

#fff175

#fffde8

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#a69500	rgb(166, 149, 0)	hsl(54 100% 33%)	oklab(66% -0.03 0.14)	oklch(66% 0.14 100)	color(display-p3 0.64 0.59 0.18)
	#d1be15	rgb(209, 190, 21)	hsl(54 82% 45%)	oklab(79% -0.03 0.16)	oklch(79% 0.16 100)	color(display-p3 0.81 0.75 0.26)
	#ebd621	rgb(235, 214, 33)	hsl(54 83% 53%)	oklab(87% -0.04 0.17)	oklch(87% 0.18 100)	color(display-p3 0.91 0.84 0.31)
	#fff175	rgb(255, 241, 117)	hsl(54 100% 73%)	oklab(95% -0.03 0.14)	oklch(95% 0.15 100)	color(display-p3 0.99 0.95 0.53)
	#fffde8	rgb(255, 253, 232)	hsl(55 100% 95%)	oklab(99% -0.01 0.03)	oklch(99% 0.03 100)	color(display-p3 1 0.99 0.92)

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

#a69500

AA - 3.03



#d1be15

AA - 1.89



#ebd621

AA - 1.48



#fff175

AA - 1.16



#fffde8

AA - 1.02



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(66.4% -0.027 0.136), oklab(79.3% -0.034 0.159), oklab(86.7% -0.036 0.172), oklab(94.5% -0.032 0.142), oklab(99% -0.006 0.027))

Fallback colors



background: linear-gradient(45deg, #a69500, #d1be15, #ebd621, #fff175, #fffde8)

Colors



<!-- Primary Colors -->
<color name="primula_color_10">#a69500</color>
<color name="primula_color_20">#d1be15</color>
<color name="primula_color_30">#ebd621</color>
<color name="primula_color_40">#fff175</color>
<color name="primula_color_50">#fffde8</color>

PWA prompt