#ded22f

#ede247

#ffefe0

#f78a66

#fafafa

Town

#ded22f

#ede247

#ffefe0

#f78a66

#fafafa



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

Yellow

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ded22f	rgb(222, 210, 47)	hsl(56 73% 53%)	hwb(56 18% 13%)	lch(83.2 74.9 96.1)	lab(83.2 -7.96 74.5)	cmyk 0%, 5%, 79%, 13%
	#ede247	rgb(237, 226, 71)	hsl(56 82% 60%)	hwb(56 28% 7.1%)	lch(88.8 73 96.8)	lab(88.8 -8.61 72.5)	cmyk 0%, 5%, 70%, 7%
	#ffefe0	rgb(255, 239, 224)	hsl(29 100% 94%)	hwb(29 88% 0%)	lch(95.4 10.1 67.9)	lab(95.4 3.78 9.32)	cmyk 0%, 6%, 12%, 0%
	#f78a66	rgb(247, 138, 102)	hsl(15 90% 68%)	hwb(15 40% 3.1%)	lch(69.3 55.4 43.7)	lab(69.3 40.1 38.3)	cmyk 0%, 44%, 59%, 3%
	#fafafa	rgb(250, 250, 250)	hsl(none 0% 98%)	hwb(none 98% 2%)	lch(98.3 0 none)	lab(98.3 0 0)	cmyk 0%, 0%, 0%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ded22f

AA - 1.57



#ede247

AA - 1.34



#ffefe0

AA - 1.12



#f78a66

AA - 2.39



#fafafa

AA - 1.04



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(84.8% -0.043 0.163), oklab(89.5% -0.044 0.162), oklab(96.1% 0.011 0.024), oklab(74.4% 0.11 0.089), oklab(98.5% 0 0))

Fallback colors



background: linear-gradient(45deg, #ded22f, #ede247, #ffefe0, #f78a66, #fafafa)

Colors



<!-- Primary Colors -->
<color name="town_color_10">#ded22f</color>
<color name="town_color_20">#ede247</color>
<color name="town_color_30">#ffefe0</color>
<color name="town_color_40">#f78a66</color>
<color name="town_color_50">#fafafa</color>

PWA prompt