Kraken

#C83737

#782121

#E9AFAF

#000000

#A02C2C

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c83737	rgb(200, 55, 55)	hsl(0 57% 50%)	hwb(0 22% 22%)	lch(46.7 67.8 31.9)	lab(46.7 57.5 35.8)	cmyk 0%, 73%, 73%, 22%
	#782121	rgb(120, 33, 33)	hsl(0 57% 30%)	hwb(0 13% 53%)	lch(27.7 44.5 30.9)	lab(27.7 38.2 22.9)	cmyk 0%, 73%, 73%, 53%
	#e9afaf	rgb(233, 175, 175)	hsl(0 57% 80%)	hwb(0 69% 8.6%)	lch(77 23.5 21.8)	lab(77 21.8 8.71)	cmyk 0%, 25%, 25%, 9%
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#a02c2c	rgb(160, 44, 44)	hsl(0 57% 40%)	hwb(0 17% 37%)	lch(37.4 56.5 31.5)	lab(37.4 48.1 29.5)	cmyk 0%, 72%, 72%, 37%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#C83737

AA - 5.17



#782121

AAA - 10.3



#E9AFAF

AA - 1.87



#000000

AAA - 21



#A02C2C

AAA - 7.26



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(55.7% 0.165 0.078), oklab(38.8% 0.11 0.051), oklab(80.7% 0.065 0.022), oklab(0% 0 0), oklab(47.4% 0.138 0.065))

Fallback colors



background: linear-gradient(45deg, #C83737, #782121, #E9AFAF, #000000, #A02C2C)

Colors



<!-- Primary Colors -->
<color name="kraken_color_10">#C83737</color>
<color name="kraken_color_20">#782121</color>
<color name="kraken_color_30">#E9AFAF</color>
<color name="kraken_color_40">#000000</color>
<color name="kraken_color_50">#A02C2C</color>

PWA prompt