DEPOSIT

#032528

#556246

#B91C1B

#CE4037

#E7CA8B

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#032528	rgb(3, 37, 40)	hsl(180 86% 8.4%)	oklab(24% -0.04 -0.02)	oklch(24% 0.04 200)	color(display-p3 0.05 0.14 0.15)
	#556246	rgb(85, 98, 70)	hsl(88 17% 33%)	oklab(48% -0.03 0.04)	oklch(48% 0.05 130)	color(display-p3 0.34 0.38 0.29)
	#b91c1b	rgb(185, 28, 27)	hsl(0.38 75% 42%)	oklab(51% 0.17 0.09)	oklch(51% 0.19 28)	color(display-p3 0.67 0.18 0.15)
	#ce4037	rgb(206, 64, 55)	hsl(3.6 61% 51%)	oklab(58% 0.16 0.08)	oklch(58% 0.18 28)	color(display-p3 0.75 0.29 0.25)
	#e7ca8b	rgb(231, 202, 139)	hsl(41 66% 73%)	oklab(85% 0.01 0.09)	oklch(85% 0.09 86)	color(display-p3 0.89 0.8 0.58)

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

#032528

AAA - 16.16



#556246

AA - 6.51



#B91C1B

AA - 6.47



#CE4037

AA - 4.75



#E7CA8B

AA - 1.58



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(24.2% -0.035 -0.015), oklab(47.7% -0.029 0.036), oklab(50.5% 0.169 0.089), oklab(57.6% 0.159 0.084), oklab(84.9% 0.006 0.087))

Fallback colors



background: linear-gradient(45deg, #032528, #556246, #B91C1B, #CE4037, #E7CA8B)

Colors



<!-- Primary Colors -->
<color name="deposit_color_10">#032528</color>
<color name="deposit_color_20">#556246</color>
<color name="deposit_color_30">#B91C1B</color>
<color name="deposit_color_40">#CE4037</color>
<color name="deposit_color_50">#E7CA8B</color>

PWA prompt