Koi

#ED5C3F

#F6F8F7

#2B2A3A

#C8483B

#F6F8F7

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

White

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ed5c3f	rgb(237, 92, 63)	hsl(10 83% 59%)	oklab(66% 0.15 0.1)	oklch(66% 0.18 33)	color(display-p3 0.86 0.4 0.29)
	#f6f8f7	rgb(246, 248, 247)	hsl(150 12% 97%)	oklab(98% 0 0)	oklch(98% 0 170)	color(display-p3 0.97 0.97 0.97)
	#2b2a3a	rgb(43, 42, 58)	hsl(240 16% 20%)	oklab(29% 0.01 -0.03)	oklch(29% 0.03 290)	color(display-p3 0.17 0.16 0.22)
	#c8483b	rgb(200, 72, 59)	hsl(5.5 56% 51%)	oklab(58% 0.14 0.08)	oklch(58% 0.17 29)	color(display-p3 0.73 0.32 0.26)
	#f6f8f7	rgb(246, 248, 247)	hsl(150 12% 97%)	oklab(98% 0 0)	oklch(98% 0 170)	color(display-p3 0.97 0.97 0.97)

 Click on a color value to copy it 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