Dusk

#4A235A

#6B3A65

#8F5671

#B3737F

#D9908D

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#4a235a	rgb(74, 35, 90)	hsl(280 44% 25%)	oklab(34% 0.07 -0.07)	oklch(34% 0.1 320)	color(display-p3 0.27 0.15 0.34)
	#6b3a65	rgb(107, 58, 101)	hsl(310 30% 32%)	oklab(43% 0.08 -0.04)	oklch(43% 0.09 330)	color(display-p3 0.39 0.24 0.39)
	#8f5671	rgb(143, 86, 113)	hsl(330 25% 45%)	oklab(53% 0.08 -0.01)	oklch(53% 0.08 350)	color(display-p3 0.53 0.35 0.44)
	#b3737f	rgb(179, 115, 127)	hsl(350 30% 58%)	oklab(63% 0.08 0.01)	oklch(63% 0.08 7.5)	color(display-p3 0.67 0.46 0.5)
	#d9908d	rgb(217, 144, 141)	hsl(2.4 50% 70%)	oklab(73% 0.08 0.03)	oklch(73% 0.09 22)	color(display-p3 0.81 0.58 0.56)

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

#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