Startup 3

#151515

#4d4c4c

#dedede

#ffa6c4

#e91e63

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Grey

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#151515	rgb(21, 21, 21)	hsl(none 0% 8.2%)	oklab(20% 0 0)	oklch(20% 0 none)	color(display-p3 0.08 0.08 0.08)
	#4d4c4c	rgb(77, 76, 76)	hsl(0 0.65% 30%)	oklab(42% 0 0)	oklch(42% 0 17)	color(display-p3 0.3 0.3 0.3)
	#dedede	rgb(222, 222, 222)	hsl(none 0% 87%)	oklab(90% 0 0)	oklch(90% 0 none)	color(display-p3 0.87 0.87 0.87)
	#ffa6c4	rgb(255, 166, 196)	hsl(340 100% 83%)	oklab(82% 0.11 0)	oklch(82% 0.11 360)	color(display-p3 0.95 0.67 0.77)
	#e91e63	rgb(233, 30, 99)	hsl(340 82% 52%)	oklab(61% 0.23 0.04)	oklch(61% 0.23 9.6)	color(display-p3 0.84 0.22 0.39)

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

#151515

AAA - 18.26



#4d4c4c

AAA - 8.55



#dedede

AA - 1.34



#ffa6c4

AA - 1.82



#e91e63

AA - 4.34



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(19.6% 0 0), oklab(41.7% 0.001 0), oklab(90.1% 0 0), oklab(82.1% 0.111 -0.004), oklab(60.6% 0.227 0.038))

Fallback colors



background: linear-gradient(45deg, #151515, #4d4c4c, #dedede, #ffa6c4, #e91e63)

Colors



<!-- Primary Colors -->
<color name="startup_3_color_10">#151515</color>
<color name="startup_3_color_20">#4d4c4c</color>
<color name="startup_3_color_30">#dedede</color>
<color name="startup_3_color_40">#ffa6c4</color>
<color name="startup_3_color_50">#e91e63</color>

PWA prompt