Bruh

#1a3264

#f16820

#fab96c

#e8e2da

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1a3264	rgb(26, 50, 100)	hsl(220 59% 25%)	hwb(220 10% 61%)	lch(21.2 33.4 279)	lab(21.2 5.39 -33)	cmyk 74%, 50%, 0%, 61%
	#f16820	rgb(241, 104, 32)	hsl(21 88% 54%)	hwb(21 13% 5.5%)	lch(61.3 81.2 50.7)	lab(61.3 51.5 62.9)	cmyk 0%, 57%, 87%, 5%
	#fab96c	rgb(250, 185, 108)	hsl(33 93% 70%)	hwb(33 42% 2%)	lch(80.2 51.6 69.2)	lab(80.2 18.3 48.2)	cmyk 0%, 26%, 57%, 2%
	#e8e2da	rgb(232, 226, 218)	hsl(34 23% 88%)	hwb(34 85% 9%)	lch(90.2 4.81 77)	lab(90.2 1.08 4.68)	cmyk 0%, 3%, 6%, 9%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1a3264

AAA - 12.46



#f16820

AA - 3.11



#fab96c

AA - 1.71



#e8e2da

AA - 1.28



#ffffff

AA - 1



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(32.8% -0.011 -0.093), oklab(67.8% 0.135 0.128), oklab(83% 0.042 0.113), oklab(91.5% 0.003 0.012), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #1a3264, #f16820, #fab96c, #e8e2da, #ffffff)

Colors



<!-- Primary Colors -->
<color name="bruh_color_10">#1a3264</color>
<color name="bruh_color_20">#f16820</color>
<color name="bruh_color_30">#fab96c</color>
<color name="bruh_color_40">#e8e2da</color>
<color name="bruh_color_50">#ffffff</color>

PWA prompt