Bruh

#1a3264

#f16820

#fab96c

#e8e2da

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#1a3264	rgb(26, 50, 100)	hsl(220 59% 25%)	oklab(33% -0.01 -0.09)	oklch(33% 0.09 260)	color(display-p3 0.12 0.19 0.38)
	#f16820	rgb(241, 104, 32)	hsl(21 88% 54%)	oklab(68% 0.13 0.13)	oklch(68% 0.19 44)	color(display-p3 0.88 0.44 0.22)
	#fab96c	rgb(250, 185, 108)	hsl(33 93% 70%)	oklab(83% 0.04 0.11)	oklch(83% 0.12 70)	color(display-p3 0.94 0.74 0.47)
	#e8e2da	rgb(232, 226, 218)	hsl(34 23% 88%)	oklab(92% 0 0.01)	oklch(92% 0.01 75)	color(display-p3 0.91 0.89 0.86)
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	oklab(100% 0 0)	oklch(100% 0 none)	color(display-p3 1 1 1)

 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.

#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