#151515

#4d4c4c

#dedede

#ffa6c4

#e91e63

Startup 3

#151515

#4d4c4c

#dedede

#ffa6c4

#e91e63



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

Black

Grey

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#151515	rgb(21, 21, 21)	hsl(none 0% 8.2%)	hwb(none 8.2% 92%)	lch(6.77 0 none)	lab(6.77 0 0)	cmyk 0%, 0%, 0%, 92%
	#4d4c4c	rgb(77, 76, 76)	hsl(0 0.65% 30%)	hwb(0 30% 70%)	lch(32.4 0.453 19.8)	lab(32.4 0.426 0.153)	cmyk 0%, 1%, 1%, 70%
	#dedede	rgb(222, 222, 222)	hsl(none 0% 87%)	hwb(none 87% 13%)	lch(88.5 0 none)	lab(88.5 0 0)	cmyk 0%, 0%, 0%, 13%
	#ffa6c4	rgb(255, 166, 196)	hsl(340 100% 83%)	hwb(340 65% 0%)	lch(77.8 36.6 358)	lab(77.8 36.6 -1.03)	cmyk 0%, 35%, 23%, 0%
	#e91e63	rgb(233, 30, 99)	hsl(340 82% 52%)	hwb(340 12% 8.6%)	lch(51.6 76.4 12.9)	lab(51.6 74.5 17.1)	cmyk 0%, 87%, 58%, 9%

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