#7B5295

#9E7DB3

#ffedff

#AB598B

#4C266A

Betta Dumbo

#7B5295

#9E7DB3

#ffedff

#AB598B

#4C266A



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

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7b5295	rgb(123, 82, 149)	hsl(280 29% 45%)	hwb(280 32% 42%)	lch(41.7 40.9 312)	lab(41.7 27.3 -30.4)	cmyk 17%, 45%, 0%, 42%
	#9e7db3	rgb(158, 125, 179)	hsl(280 26% 60%)	hwb(280 49% 30%)	lch(57.1 31.6 311)	lab(57.1 20.8 -23.7)	cmyk 12%, 30%, 0%, 30%
	#ffedff	rgb(255, 237, 255)	hsl(300 100% 96%)	hwb(300 93% 0%)	lch(95.6 10.7 323)	lab(95.6 8.6 -6.4)	cmyk 0%, 7%, 0%, 0%
	#ab598b	rgb(171, 89, 139)	hsl(320 33% 51%)	hwb(320 35% 33%)	lch(49.2 40.8 343)	lab(49.2 38.9 -12.2)	cmyk 0%, 48%, 19%, 33%
	#4c266a	rgb(76, 38, 106)	hsl(270 47% 28%)	hwb(270 15% 58%)	lch(23.2 43.8 311)	lab(23.2 28.5 -33.2)	cmyk 28%, 64%, 0%, 58%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7B5295

AA - 6.02



#9E7DB3

AA - 3.47



#ffedff

AA - 1.11



#AB598B

AA - 4.63



#4C266A

AAA - 11.71



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(51.1% 0.074 -0.084), oklab(64.1% 0.058 -0.065), oklab(96.6% 0.025 -0.017), oklab(57.7% 0.119 -0.034), oklab(35.5% 0.071 -0.093))

Fallback colors



background: linear-gradient(45deg, #7B5295, #9E7DB3, #ffedff, #AB598B, #4C266A)

Colors



<!-- Primary Colors -->
<color name="betta_dumbo_color_10">#7B5295</color>
<color name="betta_dumbo_color_20">#9E7DB3</color>
<color name="betta_dumbo_color_30">#ffedff</color>
<color name="betta_dumbo_color_40">#AB598B</color>
<color name="betta_dumbo_color_50">#4C266A</color>

PWA prompt