#E83341

#C62362

#FFFFFF

#9D129E

#F4AB3F

IG

#E83341

#C62362

#FFFFFF

#9D129E

#F4AB3F



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

Orange

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e83341	rgb(232, 51, 65)	hsl(360 80% 55%)	hwb(360 20% 9%)	lch(52.6 78.6 29.3)	lab(52.6 68.5 38.5)	cmyk 0%, 78%, 72%, 9%
	#c62362	rgb(198, 35, 98)	hsl(340 70% 46%)	hwb(340 14% 22%)	lch(45 64.9 6.39)	lab(45 64.4 7.22)	cmyk 0%, 82%, 51%, 22%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#9d129e	rgb(157, 18, 158)	hsl(300 80% 35%)	hwb(300 7.1% 38%)	lch(37.9 75.3 327)	lab(37.9 63 -41.4)	cmyk 1%, 89%, 0%, 38%
	#f4ab3f	rgb(244, 171, 63)	hsl(36 89% 60%)	hwb(36 25% 4.3%)	lch(75.8 67 71.8)	lab(75.8 20.9 63.6)	cmyk 0%, 30%, 74%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E83341

AA - 4.21



#C62362

AA - 5.5



#FFFFFF

AA - 1



#9D129E

AA - 6.96



#F4AB3F

AA - 1.95



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(61% 0.198 0.083), oklab(54.6% 0.198 0.016), oklab(100% 0 0), oklab(49.5% 0.184 -0.116), oklab(79.3% 0.043 0.14))

Fallback colors



background: linear-gradient(45deg, #E83341, #C62362, #FFFFFF, #9D129E, #F4AB3F)

Colors



<!-- Primary Colors -->
<color name="ig_color_10">#E83341</color>
<color name="ig_color_20">#C62362</color>
<color name="ig_color_30">#FFFFFF</color>
<color name="ig_color_40">#9D129E</color>
<color name="ig_color_50">#F4AB3F</color>

PWA prompt