Brown

#895129
RGB
137, 81, 41
HSL
25°, 54%, 35%
CMYK
0, 41, 70, 46
HSV
25°, 70%, 54%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #895129 color: #895129;
RGB 137, 81, 41 color: rgb(137, 81, 41);
RGB Percentage 54%, 32%, 16% color: rgb(54%, 32%, 16%);
CMYK 0%, 41%, 70%, 46% Not supported in CSS
HSL 25°, 54%, 35% color: hsl(25, 54%, 35%);
HSV 25°, 70%, 54% Not supported in CSS
CIE-LAB 28, 11, 13 color: lab(28% 11 13);
Decimal 8999209 Not supported in CSS

Color Variations

Shades

#895129
#7C4925
#6E4121
#60391D
#523119
#452915
#372010
#29180C

Tints

#E8C9B2
#E1B799
#D9A57F
#D19366
#CA814C
#BC6F38
#A36031
#895129

Tones

#895129
#85522E
#805333
#7B5438
#76543C
#715541
#6D5646
#68574B

Hues

#895129
#798929
#318929
#298969
#296189
#392989
#812989
#892949

Color Harmonies

Analogous

#892931
Click to copy
Dark Magenta
91%
#895129
Click to copy
Brown
100%
#898129
Click to copy
Dark Orange
89%

Complementary

#895129
Click to copy
Brown
100%
#296189
Click to copy
Dark Cyan
69%

Split Complementary

#895129
Click to copy
Brown
100%
#298981
Click to copy
Dark Cyan
68%
#293189
Click to copy
Dark Blue
68%

Triadic

#895129
Click to copy
Brown
100%
#298951
Click to copy
Dark Green
73%
#512989
Click to copy
Dark Blue
73%

Tetradic

#895129
Click to copy
Brown
100%
#318929
Click to copy
Dark Green
76%
#296189
Click to copy
Dark Cyan
69%
#812989
Click to copy
Dark Purple
76%

Square

#895129
Click to copy
Brown
100%
#318929
Click to copy
Dark Green
76%
#296189
Click to copy
Dark Cyan
69%
#812989
Click to copy
Dark Purple
76%

CSS & Dev Snippets

CSS
.brown {
  color: #895129;
}
SCSS
$brown: #895129;
RGB
rgb(137, 81, 41)

Accessibility & Contrast

White background

6.42:1
6.42
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.27:1
3.27
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags