#17553C

#FFFFFF

#E44365

#C03755

#231F20

Descent

#17553C

#FFFFFF

#E44365

#C03755

#231F20



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Black

Green

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#17553c	rgb(23, 85, 60)	hsl(160 57% 21%)	hwb(160 9% 67%)	lch(31.8 27 161)	lab(31.8 -25.6 8.68)	cmyk 73%, 0%, 29%, 67%
	#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%
	#e44365	rgb(228, 67, 101)	hsl(350 75% 58%)	hwb(350 26% 11%)	lch(54.1 66.7 16.5)	lab(54.1 63.9 19)	cmyk 0%, 71%, 56%, 11%
	#c03755	rgb(192, 55, 85)	hsl(350 55% 48%)	hwb(350 22% 25%)	lch(45.7 58.5 15.9)	lab(45.7 56.2 16)	cmyk 0%, 71%, 56%, 25%
	#231f20	rgb(35, 31, 32)	hsl(350 6.1% 13%)	hwb(350 12% 86%)	lch(12.2 2.15 1.24)	lab(12.2 2.15 0.047)	cmyk 0%, 11%, 9%, 86%

 Click a color format to copy 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