Primula

#a69500

#d1be15

#ebd621

#fff175

#fffde8

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a69500	rgb(166, 149, 0)	hsl(54 100% 33%)	hwb(54 0% 35%)	lch(61.7 64.6 92.6)	lab(61.7 -2.93 64.5)	cmyk 0%, 10%, 100%, 35%
	#d1be15	rgb(209, 190, 21)	hsl(54 82% 45%)	hwb(54 8.2% 18%)	lch(76.8 74.7 93.3)	lab(76.8 -4.31 74.6)	cmyk 0%, 9%, 90%, 18%
	#ebd621	rgb(235, 214, 33)	hsl(54 83% 53%)	hwb(54 13% 7.8%)	lch(85.4 80.2 93.4)	lab(85.4 -4.7 80.1)	cmyk 0%, 9%, 86%, 8%
	#fff175	rgb(255, 241, 117)	hsl(54 100% 73%)	hwb(54 46% 0%)	lch(94.5 60.9 96)	lab(94.5 -6.32 60.5)	cmyk 0%, 5%, 54%, 0%
	#fffde8	rgb(255, 253, 232)	hsl(55 100% 95%)	hwb(55 91% 0%)	lch(99 10.5 101)	lab(99 -1.92 10.3)	cmyk 0%, 1%, 9%, 0%

 Click a color format to copy 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