Sunshine Color Gradient

 #d4ce1e

 #bda51b

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#d4ce1e	rgb(212, 206, 30)	hsl(58 75% 47%)	hwb(58 12% 17%)	lch(81.3 77.2 97.9)	lab(81.3 -10.6 76.5)	cmyk 0%, 3%, 86%, 17%
	#bda51b	rgb(189, 165, 27)	hsl(51 75% 42%)	hwb(51 11% 26%)	lch(68.3 66 90.4)	lab(68.3 -0.503 66)	cmyk 0%, 13%, 86%, 26%

 Click a color format to copy to your clipboard.

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

#d4ce1e

AA - 1.66



#bda51b

AA - 2.45



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(83% -0.052 0.165), oklab(72.2% -0.02 0.142))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #d4ce1e, #bda51b)

Colors



<!-- Primary Colors -->
<color name="sunshine_color_10">#d4ce1e</color>
<color name="sunshine_color_20">#bda51b</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt