Coloried

Hazel Brown
#AE866A

What is Color Hazel Brown

Hazel Brown color is a soft shade of pale brown. Its hex code is #AE866A and rgb code is rgb(174, 134, 106), Its CMYK value is cmyk(0%, 23%, 39%, 32%), and Its HSL value is hsl(25, 30%, 55%). Against white, it has a contrast ratio of 3.27:1, while against black, the contrast ratio is 6.42:1. Its complementary color is #6A92AF and closest tailwind color is stone-500. This color goes well with #53502D, #532D30, #211812, #3E7470, and #3E4374. To recreate the Hazel Brown color, you can mix #ffff00 and #5d0dd4.

Image Preview

Hazel Brown color code
Hazel Brown color swatch #ae866a
1. Color Conversions
HEX#AE866A
RGB174, 134, 106
HSL25°, 30%, 55%
HSV25°, 30%, 68%
CMYK0%, 23%, 39%, 32%
Web Safe#999966
2. Contrast Ratio
Text on #FFFFFF3.27:1
AAA LargeFail Normal
Text on #0000006.42:1
AAA LargeAAA Normal
3. Hazel Brown Color Code in CSS
HEX
#AE866A
RGB
rgb(174, 134, 106)
HSL
hsl(25, 30%, 55%)
Text Color
color: #AE866A;
Background
background-color: #AE866A;
Border Color
border-color: #AE866A;
Box Shadow
box-shadow: 0 4px 14px 0 #AE866A80;
SCSS
$color-hazel-brown: #AE866A;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
About Hazel Brown
Color NameHazel Brown
HEX#AE866A
Color Family
stone
X11 NameBrown
LAB65.14, 3.51, 5.26
Preview Text
Aa