Descent

#17553C

#FFFFFF

#E44365

#C03755

#231F20

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Black

Green

White

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#17553c	rgb(23, 85, 60)	hsl(160 57% 21%)	oklab(40% -0.07 0.02)	oklch(40% 0.08 160)	color(display-p3 0.16 0.33 0.24)
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	oklab(100% 0 0)	oklch(100% 0 none)	color(display-p3 1 1 1)
	#e44365	rgb(228, 67, 101)	hsl(350 75% 58%)	oklab(62% 0.19 0.04)	oklch(62% 0.2 13)	color(display-p3 0.83 0.31 0.4)
	#c03755	rgb(192, 55, 85)	hsl(350 55% 48%)	oklab(55% 0.17 0.04)	oklch(55% 0.17 12)	color(display-p3 0.69 0.26 0.34)
	#231f20	rgb(35, 31, 32)	hsl(350 6.1% 13%)	oklab(24% 0.01 0)	oklch(24% 0.01 0.59)	color(display-p3 0.13 0.12 0.13)

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

#17553C

AAA - 8.74



#FFFFFF

AA - 1



#E44365

AA - 3.97



#C03755

AA - 5.35



#231F20

AAA - 16.3



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(40.3% -0.072 0.023), oklab(100% 0 0), oklab(62.4% 0.192 0.044), oklab(54.9% 0.169 0.037), oklab(24.4% 0.006 0))

Fallback colors



background: linear-gradient(45deg, #17553C, #FFFFFF, #E44365, #C03755, #231F20)

Colors



<!-- Primary Colors -->
<color name="descent_color_10">#17553C</color>
<color name="descent_color_20">#FFFFFF</color>
<color name="descent_color_30">#E44365</color>
<color name="descent_color_40">#C03755</color>
<color name="descent_color_50">#231F20</color>

PWA prompt