#ED5C3F

#F6F8F7

#2B2A3A

#C8483B

#F6F8F7

Koi

#ED5C3F

#F6F8F7

#2B2A3A

#C8483B

#F6F8F7



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

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ed5c3f	rgb(237, 92, 63)	hsl(10 83% 59%)	hwb(10 25% 7.1%)	lch(58.8 72.7 39.8)	lab(58.8 55.9 46.6)	cmyk 0%, 61%, 73%, 7%
	#f6f8f7	rgb(246, 248, 247)	hsl(150 12% 97%)	hwb(150 96% 2.7%)	lch(97.4 0.851 164)	lab(97.4 -0.818 0.236)	cmyk 1%, 0%, 0%, 3%
	#2b2a3a	rgb(43, 42, 58)	hsl(240 16% 20%)	hwb(240 16% 77%)	lch(17.7 10.8 290)	lab(17.7 3.68 -10.1)	cmyk 26%, 28%, 0%, 77%
	#c8483b	rgb(200, 72, 59)	hsl(5.5 56% 51%)	hwb(5.5 23% 22%)	lch(49.2 62.8 35.3)	lab(49.2 51.2 36.3)	cmyk 0%, 64%, 71%, 22%
	#f6f8f7	rgb(246, 248, 247)	hsl(150 12% 97%)	hwb(150 96% 2.7%)	lch(97.4 0.851 164)	lab(97.4 -0.818 0.236)	cmyk 1%, 0%, 0%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ED5C3F

AA - 3.38



#F6F8F7

AA - 1.06



#2B2A3A

AAA - 14.04



#C8483B

AA - 4.72



#F6F8F7

AA - 1.06



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(65.9% 0.155 0.101), oklab(97.7% -0.002 0.001), oklab(29.3% 0.009 -0.028), oklab(57.6% 0.145 0.08), oklab(97.7% -0.002 0.001))

Fallback colors



background: linear-gradient(45deg, #ED5C3F, #F6F8F7, #2B2A3A, #C8483B, #F6F8F7)

Colors



<!-- Primary Colors -->
<color name="koi_color_10">#ED5C3F</color>
<color name="koi_color_20">#F6F8F7</color>
<color name="koi_color_30">#2B2A3A</color>
<color name="koi_color_40">#C8483B</color>
<color name="koi_color_50">#F6F8F7</color>

PWA prompt