#41321E

#6B5632

#967A46

#C1A05F

Wishes



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#41321e	rgb(65, 50, 30)	hsl(34 37% 19%)	hwb(34 12% 75%)	lch(22.1 16.1 72.9)	lab(22.1 4.74 15.4)	cmyk 0%, 23%, 54%, 75%
	#6b5632	rgb(107, 86, 50)	hsl(38 36% 31%)	hwb(38 20% 58%)	lch(38.1 24.8 77.7)	lab(38.1 5.27 24.3)	cmyk 0%, 20%, 53%, 58%
	#967a46	rgb(150, 122, 70)	hsl(39 36% 43%)	hwb(39 27% 41%)	lch(53.1 33.1 79.1)	lab(53.1 6.28 32.5)	cmyk 0%, 19%, 53%, 41%
	#c1a05f	rgb(193, 160, 95)	hsl(40 44% 56%)	hwb(40 37% 24%)	lch(67.8 39 80.3)	lab(67.8 6.56 38.4)	cmyk 0%, 17%, 51%, 24%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#41321E

AAA - 12.35



#6B5632

AA - 6.99



#967A46

AA - 4.06



#C1A05F

AA - 2.48



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(32.8% 0.011 0.037), oklab(46.6% 0.01 0.058), oklab(59.4% 0.011 0.077), oklab(72.1% 0.011 0.092))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #41321E, #6B5632, #967A46, #C1A05F)

Colors



<!-- Primary Colors -->
<color name="wishes_color_10">#41321E</color>
<color name="wishes_color_20">#6B5632</color>
<color name="wishes_color_30">#967A46</color>
<color name="wishes_color_40">#C1A05F</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt