#080808

#313131

#F5C7A5

#1A3C6B

#DA552F

KKRT

#080808

#313131

#F5C7A5

#1A3C6B

#DA552F



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

Blue

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#080808	rgb(8, 8, 8)	hsl(none 0% 3.1%)	hwb(none 3.1% 97%)	lch(2.19 0 none)	lab(2.19 0 0)	cmyk 0%, 0%, 0%, 97%
	#313131	rgb(49, 49, 49)	hsl(none 0% 19%)	hwb(none 19% 81%)	lch(20.3 0 none)	lab(20.3 0 0)	cmyk 0%, 0%, 0%, 81%
	#f5c7a5	rgb(245, 199, 165)	hsl(25 80% 80%)	hwb(25 65% 3.9%)	lch(83.7 27.1 60.3)	lab(83.7 13.4 23.6)	cmyk 0%, 19%, 33%, 4%
	#1a3c6b	rgb(26, 60, 107)	hsl(210 61% 26%)	hwb(210 10% 58%)	lch(24.8 31.7 272)	lab(24.8 1.24 -31.6)	cmyk 76%, 44%, 0%, 58%
	#da552f	rgb(218, 85, 47)	hsl(13 70% 52%)	hwb(13 18% 15%)	lch(54.3 71.3 43.4)	lab(54.3 51.7 49)	cmyk 0%, 61%, 78%, 15%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#080808

AAA - 20.02



#313131

AAA - 13



#F5C7A5

AA - 1.54



#1A3C6B

AAA - 11.03



#DA552F

AA - 3.94



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(13.4% 0 0), oklab(31.3% 0 0), oklab(86.2% 0.037 0.059), oklab(35.7% -0.02 -0.089), oklab(61.9% 0.141 0.104))

Fallback colors



background: linear-gradient(45deg, #080808, #313131, #F5C7A5, #1A3C6B, #DA552F)

Colors



<!-- Primary Colors -->
<color name="kkrt_color_10">#080808</color>
<color name="kkrt_color_20">#313131</color>
<color name="kkrt_color_30">#F5C7A5</color>
<color name="kkrt_color_40">#1A3C6B</color>
<color name="kkrt_color_50">#DA552F</color>

PWA prompt