Brainstorm

#240217

#570738

#941061

#eb2da2

#ff7dcd

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#240217	rgb(36, 2, 23)	hsl(320 89% 7.5%)	oklab(18% 0.07 -0.02)	oklch(18% 0.07 350)	color(display-p3 0.13 0.02 0.09)
	#570738	rgb(87, 7, 56)	hsl(320 85% 18%)	oklab(31% 0.12 -0.02)	oklch(31% 0.12 350)	color(display-p3 0.31 0.06 0.21)
	#941061	rgb(148, 16, 97)	hsl(320 80% 32%)	oklab(45% 0.17 -0.03)	oklch(45% 0.18 350)	color(display-p3 0.53 0.13 0.37)
	#eb2da2	rgb(235, 45, 162)	hsl(320 83% 55%)	oklab(64% 0.24 -0.05)	oklch(64% 0.24 350)	color(display-p3 0.85 0.26 0.62)
	#ff7dcd	rgb(255, 125, 205)	hsl(320 100% 75%)	oklab(76% 0.17 -0.05)	oklch(76% 0.18 340)	color(display-p3 0.94 0.52 0.79)

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

#240217

AAA - 19.15



#570738

AAA - 14.06



#941061

AAA - 8.38



#eb2da2

AA - 3.86



#ff7dcd

AA - 2.31



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(17.8% 0.066 -0.016), oklab(30.7% 0.117 -0.021), oklab(44.6% 0.173 -0.03), oklab(63.7% 0.237 -0.046), oklab(76.2% 0.174 -0.049))

Fallback colors



background: linear-gradient(45deg, #240217, #570738, #941061, #eb2da2, #ff7dcd)

Colors



<!-- Primary Colors -->
<color name="brainstorm_color_10">#240217</color>
<color name="brainstorm_color_20">#570738</color>
<color name="brainstorm_color_30">#941061</color>
<color name="brainstorm_color_40">#eb2da2</color>
<color name="brainstorm_color_50">#ff7dcd</color>

PWA prompt