Axolotl

#FFBFAA

#FFA4B7

#E393A5

#C48195



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

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffbfaa	rgb(255, 191, 170)	hsl(15 100% 83%)	hwb(15 67% 0%)	lch(82.9 29.6 42.8)	lab(82.9 21.7 20.1)	cmyk 0%, 25%, 33%, 0%
	#ffa4b7	rgb(255, 164, 183)	hsl(350 100% 82%)	hwb(350 64% 0%)	lch(77.1 36.6 7.86)	lab(77.1 36.3 5.01)	cmyk 0%, 36%, 28%, 0%
	#e393a5	rgb(227, 147, 165)	hsl(350 59% 73%)	hwb(350 58% 11%)	lch(69.7 32.9 6.55)	lab(69.7 32.7 3.75)	cmyk 0%, 35%, 27%, 11%
	#c48195	rgb(196, 129, 149)	hsl(340 36% 64%)	hwb(340 51% 23%)	lch(61.5 28.6 0.947)	lab(61.5 28.6 0.473)	cmyk 0%, 34%, 24%, 23%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFBFAA

AA - 1.58



#FFA4B7

AA - 1.86



#E393A5

AA - 2.33



#C48195

AA - 3.03



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(85.8% 0.062 0.05), oklab(81.4% 0.109 0.012), oklab(74.9% 0.098 0.009), oklab(67.8% 0.086 0))

Fallback colors



background: linear-gradient(45deg, #FFBFAA, #FFA4B7, #E393A5, #C48195)

Colors



<!-- Primary Colors -->
<color name="axolotl_color_10">#FFBFAA</color>
<color name="axolotl_color_20">#FFA4B7</color>
<color name="axolotl_color_30">#E393A5</color>
<color name="axolotl_color_40">#C48195</color>

PWA prompt