hazel Color Codes

Color Preview

Hazel Color Values

Related Colors

Complementary

#5f87a5

Analogous

hsl(56, 28%, 49%)

hsl(356, 28%, 49%)

Triadic

hsl(146, 28%, 49%)

hsl(266, 28%, 49%)

Tetradic

hsl(116, 28%, 49%)

hsl(206, 28%, 49%)

hsl(296, 28%, 49%)

HTML Snippets

.element { background-color: #A0785A; }

.element { color: #A0785A; }

This is how the text color would appear.

<span style="color: #A0785A;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black5.33 (AA)

White3.94 (AA Large)

Shades of Hazel

hsl(26, 28%, 19%)

hsl(26, 28%, 34%)

#A0785A

hsl(26, 28%, 64%)

hsl(26, 28%, 79%)

Color Blindness Simulations

Protanopia (Red-Blind)

#8f8e6b

Deuteranopia (Green-Blind)

#91946f

Tritanopia (Blue-Blind)

#9e898b

Related Palettes

Fungal Grove

About hazel

hazel (#A0785A) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.