#D83560

#FAD7B6

#E1C25F

#133545

#DBDCE0

VGT

#D83560

#FAD7B6

#E1C25F

#133545

#DBDCE0



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

Blue

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d83560	rgb(216, 53, 96)	hsl(340 68% 53%)	hwb(340 21% 15%)	lch(50.1 66.6 14.1)	lab(50.1 64.6 16.2)	cmyk 0%, 75%, 56%, 15%
	#fad7b6	rgb(250, 215, 182)	hsl(29 87% 85%)	hwb(29 71% 2%)	lch(88.4 23 66.7)	lab(88.4 9.07 21.1)	cmyk 0%, 14%, 27%, 2%
	#e1c25f	rgb(225, 194, 95)	hsl(46 68% 63%)	hwb(46 37% 12%)	lch(79.7 53.1 86.9)	lab(79.7 2.86 53.1)	cmyk 0%, 14%, 58%, 12%
	#133545	rgb(19, 53, 69)	hsl(200 57% 17%)	hwb(200 7.5% 73%)	lch(20.3 16.1 239)	lab(20.3 -8.24 -13.9)	cmyk 72%, 23%, 0%, 73%
	#dbdce0	rgb(219, 220, 224)	hsl(230 7.5% 87%)	hwb(230 86% 12%)	lch(87.8 2.1 275)	lab(87.8 0.193 -2.09)	cmyk 2%, 2%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#D83560

AA - 4.56



#FAD7B6

AA - 1.35



#E1C25F

AA - 1.73



#133545

AAA - 12.94



#DBDCE0

AA - 1.37



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(59% 0.195 0.037), oklab(90% 0.024 0.053), oklab(82.1% -0.005 0.123), oklab(31.2% -0.03 -0.038), oklab(89.5% 0 -0.006))

Fallback colors



background: linear-gradient(45deg, #D83560, #FAD7B6, #E1C25F, #133545, #DBDCE0)

Colors



<!-- Primary Colors -->
<color name="vgt_color_10">#D83560</color>
<color name="vgt_color_20">#FAD7B6</color>
<color name="vgt_color_30">#E1C25F</color>
<color name="vgt_color_40">#133545</color>
<color name="vgt_color_50">#DBDCE0</color>

PWA prompt