Banana Color Palette

#525108

#7c7b0c

#a7a410

#d1ce14

#fcf818

#525108

#7c7b0c

#a7a410

#d1ce14

#fcf818

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#525108	rgb(82, 81, 8)	hsl(59 82% 18%)	hwb(59 3.1% 68%)	lch(33.5 38.6 99.1)	lab(33.5 -6.14 38.1)	cmyk 0%, 1%, 90%, 68%
	#7c7b0c	rgb(124, 123, 12)	hsl(59 82% 27%)	hwb(59 4.7% 51%)	lch(50.3 53 99.3)	lab(50.3 -8.54 52.3)	cmyk 0%, 1%, 90%, 51%
	#a7a410	rgb(167, 164, 16)	hsl(59 83% 36%)	hwb(59 6.3% 35%)	lch(65.9 66.1 98.6)	lab(65.9 -9.84 65.4)	cmyk 0%, 2%, 90%, 35%
	#d1ce14	rgb(209, 206, 20)	hsl(59 83% 45%)	hwb(59 7.8% 18%)	lch(81 78.7 98.8)	lab(81 -12 77.8)	cmyk 0%, 1%, 90%, 18%
	#fcf818	rgb(252, 248, 24)	hsl(59 97% 54%)	hwb(59 9.4% 1.2%)	lch(95.6 90.9 98.6)	lab(95.6 -13.6 89.8)	cmyk 0%, 2%, 90%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#525108

AAA - 8.27



#7c7b0c

AA - 4.47



#a7a410

AA - 2.63



#d1ce14

AA - 1.67



#fcf818

AA - 1.13



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(42.2% -0.028 0.083), oklab(56.6% -0.039 0.113), oklab(69.9% -0.047 0.14), oklab(82.7% -0.056 0.167), oklab(95.1% -0.064 0.192))

Fallback colors



background: linear-gradient(45deg, #525108, #7c7b0c, #a7a410, #d1ce14, #fcf818)

Colors



<!-- Primary Colors -->
<color name="banana_color_10">#525108</color>
<color name="banana_color_20">#7c7b0c</color>
<color name="banana_color_30">#a7a410</color>
<color name="banana_color_40">#d1ce14</color>
<color name="banana_color_50">#fcf818</color>

PWA prompt