#EFF8E2

#CECFC7

#b5aec2

#673e96

#23022E

Town

#EFF8E2

#CECFC7

#b5aec2

#673e96

#23022E



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

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#eff8e2	rgb(239, 248, 226)	hsl(85 61% 93%)	hwb(85 89% 2.7%)	lch(96.5 11.2 122)	lab(96.5 -5.92 9.53)	cmyk 4%, 0%, 9%, 3%
	#cecfc7	rgb(206, 207, 199)	hsl(67 7.7% 80%)	hwb(67 78% 19%)	lch(82.9 4.12 110)	lab(82.9 -1.42 3.86)	cmyk 0%, 0%, 4%, 19%
	#b5aec2	rgb(181, 174, 194)	hsl(260 14% 72%)	hwb(260 68% 24%)	lch(72.2 10.8 300)	lab(72.2 5.44 -9.29)	cmyk 7%, 10%, 0%, 24%
	#673e96	rgb(103, 62, 150)	hsl(270 42% 42%)	hwb(270 24% 41%)	lch(34.6 53.2 307)	lab(34.6 32.3 -42.3)	cmyk 31%, 59%, 0%, 41%
	#23022e	rgb(35, 2, 46)	hsl(290 92% 9.4%)	hwb(290 0.78% 82%)	lch(5.27 30.8 317)	lab(5.27 22.5 -21)	cmyk 24%, 96%, 0%, 82%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#EFF8E2

AA - 1.09



#CECFC7

AA - 1.57



#b5aec2

AA - 2.14



#673e96

AAA - 7.76



#23022E

AAA - 18.75



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(96.6% -0.018 0.025), oklab(85.1% -0.004 0.01), oklab(76.3% 0.015 -0.025), oklab(45.6% 0.076 -0.118), oklab(19.3% 0.064 -0.061))

Fallback colors



background: linear-gradient(45deg, #EFF8E2, #CECFC7, #b5aec2, #673e96, #23022E)

Colors



<!-- Primary Colors -->
<color name="town_color_10">#EFF8E2</color>
<color name="town_color_20">#CECFC7</color>
<color name="town_color_30">#b5aec2</color>
<color name="town_color_40">#673e96</color>
<color name="town_color_50">#23022E</color>

PWA prompt