Eagle

#5F381B

#B28D58

#F2D6A6

#faf4e6

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#5f381b	rgb(95, 56, 27)	hsl(26 56% 24%)	oklab(38% 0.04 0.06)	oklch(38% 0.07 55)	color(display-p3 0.35 0.23 0.13)
	#b28d58	rgb(178, 141, 88)	hsl(35 37% 52%)	oklab(67% 0.02 0.08)	oklch(67% 0.08 75)	color(display-p3 0.68 0.56 0.37)
	#f2d6a6	rgb(242, 214, 166)	hsl(38 75% 80%)	oklab(89% 0.01 0.07)	oklch(89% 0.07 81)	color(display-p3 0.93 0.84 0.67)
	#faf4e6	rgb(250, 244, 230)	hsl(42 67% 94%)	oklab(97% 0 0.02)	oklch(97% 0.02 88)	color(display-p3 0.98 0.96 0.91)

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

#5F381B

AAA - 10.15



#B28D58

AA - 3.06



#F2D6A6

AA - 1.4



#faf4e6

AA - 1.09



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(38.2% 0.04 0.057), oklab(66.6% 0.021 0.081), oklab(88.8% 0.011 0.069), oklab(96.8% 0.001 0.02))

Fallback colors



background: linear-gradient(45deg, #5F381B, #B28D58, #F2D6A6, #faf4e6)

Colors



<!-- Primary Colors -->
<color name="eagle_color_10">#5F381B</color>
<color name="eagle_color_20">#B28D58</color>
<color name="eagle_color_30">#F2D6A6</color>
<color name="eagle_color_40">#faf4e6</color>

PWA prompt