#FAC2E2

#FA87B1

#FA5672

#FAFFD6

#FDC2BE

Pig

#FAC2E2

#FA87B1

#FA5672

#FAFFD6

#FDC2BE



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
	#fac2e2	rgb(250, 194, 226)	hsl(330 85% 87%)	hwb(330 76% 2%)	lch(84.3 25.5 342)	lab(84.3 24.3 -7.87)	cmyk 0%, 22%, 10%, 2%
	#fa87b1	rgb(250, 135, 177)	hsl(340 92% 75%)	hwb(340 53% 2%)	lch(70.4 48 358)	lab(70.4 48 -1.44)	cmyk 0%, 46%, 29%, 2%
	#fa5672	rgb(250, 86, 114)	hsl(350 94% 66%)	hwb(350 34% 2%)	lch(60.7 67.9 18)	lab(60.7 64.6 20.9)	cmyk 0%, 66%, 54%, 2%
	#faffd6	rgb(250, 255, 214)	hsl(67 100% 92%)	hwb(67 84% 0%)	lch(98.8 20.2 109)	lab(98.8 -6.7 19.1)	cmyk 2%, 0%, 16%, 0%
	#fdc2be	rgb(253, 194, 190)	hsl(3.8 94% 87%)	hwb(3.8 75% 0.78%)	lch(83.8 23.8 26.5)	lab(83.8 21.3 10.6)	cmyk 0%, 23%, 25%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FAC2E2

AA - 1.51



#FA87B1

AA - 2.29



#FA5672

AA - 3.16



#FAFFD6

AA - 1.03



#FDC2BE

AA - 1.53



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(87.3% 0.073 -0.021), oklab(76.1% 0.146 -0.005), oklab(68.1% 0.193 0.049), oklab(98.6% -0.021 0.049), oklab(86.6% 0.063 0.027))

Fallback colors



background: linear-gradient(45deg, #FAC2E2, #FA87B1, #FA5672, #FAFFD6, #FDC2BE)

Colors



<!-- Primary Colors -->
<color name="pig_color_10">#FAC2E2</color>
<color name="pig_color_20">#FA87B1</color>
<color name="pig_color_30">#FA5672</color>
<color name="pig_color_40">#FAFFD6</color>
<color name="pig_color_50">#FDC2BE</color>

PWA prompt