#4A235A

#6B3A65

#8F5671

#B3737F

#D9908D

Dusk

#4A235A

#6B3A65

#8F5671

#B3737F

#D9908D



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

Purple

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4a235a	rgb(74, 35, 90)	hsl(280 44% 25%)	hwb(280 14% 65%)	lch(21.4 36.9 316)	lab(21.4 26.5 -25.7)	cmyk 18%, 61%, 0%, 65%
	#6b3a65	rgb(107, 58, 101)	hsl(310 30% 32%)	hwb(310 23% 58%)	lch(32 31.5 330)	lab(32 27.2 -15.9)	cmyk 0%, 46%, 6%, 58%
	#8f5671	rgb(143, 86, 113)	hsl(330 25% 45%)	hwb(330 34% 44%)	lch(43.9 27.5 350)	lab(43.9 27.1 -4.92)	cmyk 0%, 40%, 21%, 44%
	#b3737f	rgb(179, 115, 127)	hsl(350 30% 58%)	hwb(350 45% 30%)	lch(55.7 27.5 9.33)	lab(55.7 27.1 4.45)	cmyk 0%, 36%, 29%, 30%
	#d9908d	rgb(217, 144, 141)	hsl(2.4 50% 70%)	hwb(2.4 55% 15%)	lch(67.3 31.3 25.7)	lab(67.3 28.2 13.6)	cmyk 0%, 34%, 35%, 15%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#4A235A

AAA - 12.5



#6B3A65

AAA - 8.68



#8F5671

AA - 5.61



#B3737F

AA - 3.7



#D9908D

AA - 2.52



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(33.6% 0.072 -0.072), oklab(42.5% 0.081 -0.044), oklab(52.6% 0.082 -0.014), oklab(62.6% 0.081 0.011), oklab(72.6% 0.083 0.034))

Fallback colors



background: linear-gradient(45deg, #4A235A, #6B3A65, #8F5671, #B3737F, #D9908D)

Colors



<!-- Primary Colors -->
<color name="dusk_color_10">#4A235A</color>
<color name="dusk_color_20">#6B3A65</color>
<color name="dusk_color_30">#8F5671</color>
<color name="dusk_color_40">#B3737F</color>
<color name="dusk_color_50">#D9908D</color>

PWA prompt