Yellow/Purple Color Palette

#fbc02d

#ffeb3b

#ffffff

#7c4dff

#000000

#fbc02d

#ffeb3b

#ffffff

#7c4dff

#000000

Colors overview

Yellow

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fbc02d	rgb(251, 192, 45)	hsl(43 96% 58%)	hwb(43 18% 1.6%)	lch(81.5 76.1 80.2)	lab(81.5 12.9 75)	cmyk 0%, 24%, 82%, 2%
	#ffeb3b	rgb(255, 235, 59)	hsl(54 100% 62%)	hwb(54 23% 0%)	lch(92.6 80.6 94.1)	lab(92.6 -5.81 80.4)	cmyk 0%, 8%, 77%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#7c4dff	rgb(124, 77, 255)	hsl(260 100% 65%)	hwb(260 30% 0%)	lch(46.8 98.2 302)	lab(46.8 52.1 -83.2)	cmyk 51%, 70%, 0%, 0%
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#fbc02d

AA - 1.65



#ffeb3b

AA - 1.22



#ffffff

AA - 1



#7c4dff

AA - 4.81



#000000

AAA - 21



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(83.9% 0.016 0.161), oklab(92.8% -0.039 0.176), oklab(100% 0 0), oklab(57.9% 0.077 -0.234), oklab(0% 0 0))

Fallback colors



background: linear-gradient(45deg, #fbc02d, #ffeb3b, #ffffff, #7c4dff, #000000)

Colors



<!-- Primary Colors -->
<color name="yellow/purple_color_10">#fbc02d</color>
<color name="yellow/purple_color_20">#ffeb3b</color>
<color name="yellow/purple_color_30">#ffffff</color>
<color name="yellow/purple_color_40">#7c4dff</color>
<color name="yellow/purple_color_50">#000000</color>

PWA prompt