#523a2e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #523a2e | RGB(82, 58, 46) |
Created at 02/22/2023 23:34
RGB values are RGB(82, 58, 46)
#523a2e color contains Red 32.16%, Green 22.75% and Blue 18.04%.
oklch(37.21% 0.0396 47.63)
#523a2e color contains Red 32.16%, Green 22.75% and Blue 18.04%.
oklch(37.21% 0.0396 47.63)
Color Names of #523a2e HEX code
≈ Rock
Classification of #523a2e color
#523a2e is Semi dark and Warm Color Saturation 28%, lightness 25%.
Shade of Saddle Brown
Alternative colors of #523a2e
Opposite Color for #523a2e is #2e4652
#523a2e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #523a2e
cmyk
CMYK(0%, 29%, 44%, 68%)
Decimal
5388846
HEX
#523a2e
HSL
hsl(20, 28%, 25%)
HSLA
hsla(20, 28%, 25%, 1)
RGB
RGB(82, 58, 46)
RGBA
RGBA(82, 58, 46, 1)
Palettes for #523a2e color:
Below are examples of color palettes with the #523a2e HEX color
darkest color is #080605 from shades and lightest color is #eeebea from tints
Shades palette of #523a2e:
#4a3429
#422e25
#392920
#31231c
#291d17
#211712
#19110e
#100c09
#080605
#000000
Tints palette of #523a2e:
#634e43
#756158
#86756d
#978982
#a99d97
#bab0ab
#cbc4c0
#dcd8d5
#eeebea
#ffffff
Complementary palette of #523a2e:
#523a2e
#2e4652
Triadic palette of #523a2e:
#523a2e
#2e523a
#3a2e52
Square palette of #523a2e:
#523a2e
#34522e
#2e4652
#4c2e52
Analogous palette of #523a2e:
#522e34
#523a2e
#524c2e
Split-Complementary palette of #523a2e:
#523a2e
#2e524c
#2e3452
Rectangle (tetradic) palette of #523a2e:
#523a2e
#46522e
#2e4652
#3a2e52
Suggested color palettes for #523a2e HEX:
Color palette with color #523a2e #1:
Color palette with color #523a2e #2:
Color palette with color #523a2e #3:
Color palette with color #523a2e #4:
Color palette with color #523a2e #5:
Color #523a2e used in palettes (4)
Color Contrast
Color pairings of #523a2e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#523a2e
#523a2eContrast Ratio
10.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#523a2e
#523a2eContrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #523a2e color png
Visit the popular colors list for more colors