#523f36 hex color

In a RGB color space, hex #523f36 is composed of 32.2% red, 24.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 34.1% yellow and 67.8% black. It has a hue angle of 19.3 degrees, a saturation of 20.6% and a lightness of 26.7%. #523f36 color hex could be obtained by blending #a47e6c with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 32
- G 25
- B 21
RGB color chart
- C 0
- M 23
- Y 34
- K 68
CMYK color chart

● #523f36 color description : Very dark grayish orange.

The hexadecimal color #523f36 has RGB values of R:82, G:63, B:54 and CMYK values of C:0, M:0.23, Y:0.34, K:0.68. Its decimal value is 5390134.

Hex triplet	523f36	`#523f36`
RGB Decimal	82, 63, 54	`rgb(82,63,54)`
RGB Percent	32.2, 24.7, 21.2	`rgb(32.2%,24.7%,21.2%)`
CMYK	0, 23, 34, 68
HSL	19.3°, 20.6, 26.7	`hsl(19.3,20.6%,26.7%)`
HSV (or HSB)	19.3°, 34.1, 32.2
Web Safe	663333	`#663333`

CIE-LAB	28.421, 6.762, 8.682
XYZ	5.923, 5.615, 4.262
xyY	0.375, 0.355, 5.615
CIE-LCH	28.421, 11.005, 52.084
CIE-LUV	28.421, 11.94, 8.357
Hunter-Lab	23.697, 3.146, 5.925
Binary	01010010, 00111111, 00110110

#523f36
```
#523f36 rgb(82,63,54)
```
#364952
```
#364952 rgb(54,73,82)
```

Complementary Color

#52363b
```
#52363b rgb(82,54,59)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#524d36
```
#524d36 rgb(82,77,54)
```

Analogous Color

#363b52
```
#363b52 rgb(54,59,82)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#36524d
```
#36524d rgb(54,82,77)
```

Split Complementary Color

#3f3652
```
#3f3652 rgb(63,54,82)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#36523f
```
#36523f rgb(54,82,63)
```

Triadic Color

#523649
```
#523649 rgb(82,54,73)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#36523f
```
#36523f rgb(54,82,63)
```
#364952
```
#364952 rgb(54,73,82)
```

Tetradic Color

#241c18
```
#241c18 rgb(36,28,24)
```
#332722
```
#332722 rgb(51,39,34)
```
#43332c
```
#43332c rgb(67,51,44)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#614b40
```
#614b40 rgb(97,75,64)
```
#71574a
```
#71574a rgb(113,87,74)
```
#806254
```
#806254 rgb(128,98,84)
```

Monochromatic Color

Below, you can see some colors close to #523f36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#523836
```
#523836 rgb(82,56,54)
```
#523a36
```
#523a36 rgb(82,58,54)
```
#523d36
```
#523d36 rgb(82,61,54)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#524136
```
#524136 rgb(82,65,54)
```
#524436
```
#524436 rgb(82,68,54)
```
#524636
```
#524636 rgb(82,70,54)
```

Similar Colors

Text with hexadecimal color #523f36

This text has a font color of #523f36.

<span style="color:#523f36;">Text here</span>

#523f36 background color

This paragraph has a background color of #523f36.

<p style="background-color:#523f36;">Content here</p>

#523f36 border color

This element has a border color of #523f36.

<div style="border:1px solid #523f36;">Content here</div>

CSS codes

.text {color:#523f36;}

.background {background-color:#523f36;}

.border {border:1px solid #523f36;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0b0807 is the darkest color, while #fefefe is the lightest one.

#0b0807
```
#0b0807 rgb(11,8,7)
```
#17120f
```
#17120f rgb(23,18,15)
```
#231b17
```
#231b17 rgb(35,27,23)
```
#2f241f
```
#2f241f rgb(47,36,31)
```
#3a2d26
```
#3a2d26 rgb(58,45,38)
```
#46362e
```
#46362e rgb(70,54,46)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#5e483e
```
#5e483e rgb(94,72,62)
```
#6a5146
```
#6a5146 rgb(106,81,70)
```
#755a4d
```
#755a4d rgb(117,90,77)
```
#816355
```
#816355 rgb(129,99,85)
```
#8d6c5d
```
#8d6c5d rgb(141,108,93)
```
#997665
```
#997665 rgb(153,118,101)
```

Shade Color Variation

#a18070
```
#a18070 rgb(161,128,112)
```
#a98a7c
```
#a98a7c rgb(169,138,124)
```
#b19588
```
#b19588 rgb(177,149,136)
```
#b8a094
```
#b8a094 rgb(184,160,148)
```
#c0aaa0
```
#c0aaa0 rgb(192,170,160)
```
#c8b5ab
```
#c8b5ab rgb(200,181,171)
```
#d0bfb7
```
#d0bfb7 rgb(208,191,183)
```
#d8cac3
```
#d8cac3 rgb(216,202,195)
```
#dfd4cf
```
#dfd4cf rgb(223,212,207)
```
#e7dfdb
```
#e7dfdb rgb(231,223,219)
```
#efe9e7
```
#efe9e7 rgb(239,233,231)
```
#f7f4f2
```
#f7f4f2 rgb(247,244,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484340 is the less saturated color, while #862c02 is the most saturated one.

#484340
```
#484340 rgb(72,67,64)
```
#4d413b
```
#4d413b rgb(77,65,59)
```
#523f36
```
#523f36 rgb(82,63,54)
```
#573d31
```
#573d31 rgb(87,61,49)
```
#5c3b2c
```
#5c3b2c rgb(92,59,44)
```
#623926
```
#623926 rgb(98,57,38)
```
#673821
```
#673821 rgb(103,56,33)
```
#6c361c
```
#6c361c rgb(108,54,28)
```
#713417
```
#713417 rgb(113,52,23)
```
#773211
```
#773211 rgb(119,50,17)
```
#7c300c
```
#7c300c rgb(124,48,12)
```
#812e07
```
#812e07 rgb(129,46,7)
```
#862c02
```
#862c02 rgb(134,44,2)
```

Tone Color Variation

Below, you can see how #523f36 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#444444 Achromatopsia 0.005% of the population
#474341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504c42 Protanopia 1% of men
#584a40 Deuteranopia 1% of men
#5c474c Tritanopia 0.001% of the population

Trichromacy

#51473d Protanomaly 1% of men, 0.01% of women
#56463c Deuteranomaly 6% of men, 0.4% of women
#584444 Tritanomaly 0.01% of the population

#523f36 hex color

#523f36 Color Information

#523f36 Color Conversion

Color Schemes with #523f36

Alternatives to #523f36

#523f36 Preview

Shades and Tints of #523f36

Tones of #523f36

Color Blindness Simulator