colorhexa.com

#523e22 hex color

In a RGB color space, hex #523e22 is composed of 32.2% red, 24.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 58.5% yellow and 67.8% black. It has a hue angle of 35 degrees, a saturation of 41.4% and a lightness of 22.7%. #523e22 color hex could be obtained by blending #a47c44 with #000000. Closest websafe color is: #663333.

- R 32
- G 24
- B 13
RGB color chart
- C 0
- M 24
- Y 59
- K 68
CMYK color chart

● #523e22 color description : Very dark desaturated orange.

The hexadecimal color #523e22 has RGB values of R:82, G:62, B:34 and CMYK values of C:0, M:0.24, Y:0.59, K:0.68. Its decimal value is 5389858.

Hex triplet	523e22	`#523e22`
RGB Decimal	82, 62, 34	`rgb(82,62,34)`
RGB Percent	32.2, 24.3, 13.3	`rgb(32.2%,24.3%,13.3%)`
CMYK	0, 24, 59, 68
HSL	35°, 41.4, 22.7	`hsl(35,41.4%,22.7%)`
HSV (or HSB)	35°, 58.5, 32.2
Web Safe	663333	`#663333`

CIE-LAB	27.723, 4.83, 20.439
XYZ	5.491, 5.355, 2.258
xyY	0.419, 0.409, 5.355
CIE-LCH	27.723, 21.002, 76.703
CIE-LUV	27.723, 14.196, 18.808
Hunter-Lab	23.141, 1.861, 10.414
Binary	01010010, 00111110, 00100010

#523e22
```
#523e22 rgb(82,62,34)
```
#223652
```
#223652 rgb(34,54,82)
```

Complementary Color

#522622
```
#522622 rgb(82,38,34)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#4e5222
```
#4e5222 rgb(78,82,34)
```

Analogous Color

#262252
```
#262252 rgb(38,34,82)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#224e52
```
#224e52 rgb(34,78,82)
```

Split Complementary Color

#1c150c
```
#1c150c rgb(28,21,12)
```
#2e2313
```
#2e2313 rgb(46,35,19)
```
#40301b
```
#40301b rgb(64,48,27)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#644c29
```
#644c29 rgb(100,76,41)
```
#765931
```
#765931 rgb(118,89,49)
```
#886738
```
#886738 rgb(136,103,56)
```

Monochromatic Color

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

#523222
```
#523222 rgb(82,50,34)
```
#523622
```
#523622 rgb(82,54,34)
```
#523a22
```
#523a22 rgb(82,58,34)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#524222
```
#524222 rgb(82,66,34)
```
#524622
```
#524622 rgb(82,70,34)
```
#524a22
```
#524a22 rgb(82,74,34)
```

Similar Colors

Text with hexadecimal color #523e22

This text has a font color of #523e22.

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

#523e22 background color

This paragraph has a background color of #523e22.

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

#523e22 border color

This element has a border color of #523e22.

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

CSS codes

.text {color:#523e22;}

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

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

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, #0d0a05 is the darkest color, while #fffefe is the lightest one.

#0d0a05
```
#0d0a05 rgb(13,10,5)
```
#1b140b
```
#1b140b rgb(27,20,11)
```
#281f11
```
#281f11 rgb(40,31,17)
```
#362917
```
#362917 rgb(54,41,23)
```
#44341c
```
#44341c rgb(68,52,28)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#604828
```
#604828 rgb(96,72,40)
```
#6e532d
```
#6e532d rgb(110,83,45)
```
#7c5d33
```
#7c5d33 rgb(124,93,51)
```
#896839
```
#896839 rgb(137,104,57)
```
#97723f
```
#97723f rgb(151,114,63)
```
#a57d44
```
#a57d44 rgb(165,125,68)
```
#b3874a
```
#b3874a rgb(179,135,74)
```

Shade Color Variation

#ba9157
```
#ba9157 rgb(186,145,87)
```
#bf9a65
```
#bf9a65 rgb(191,154,101)
```
#c5a373
```
#c5a373 rgb(197,163,115)
```
#cbac81
```
#cbac81 rgb(203,172,129)
```
#d1b58f
```
#d1b58f rgb(209,181,143)
```
#d6be9d
```
#d6be9d rgb(214,190,157)
```
#dcc7ab
```
#dcc7ab rgb(220,199,171)
```
#e2d1b8
```
#e2d1b8 rgb(226,209,184)
```
#e8dac6
```
#e8dac6 rgb(232,218,198)
```
#ede3d4
```
#ede3d4 rgb(237,227,212)
```
#f3ece2
```
#f3ece2 rgb(243,236,226)
```
#f9f5f0
```
#f9f5f0 rgb(249,245,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#3c3a38
```
#3c3a38 rgb(60,58,56)
```
#403b34
```
#403b34 rgb(64,59,52)
```
#453c2f
```
#453c2f rgb(69,60,47)
```
#493d2b
```
#493d2b rgb(73,61,43)
```
#4e3d26
```
#4e3d26 rgb(78,61,38)
```
#523e22
```
#523e22 rgb(82,62,34)
```
#563f1e
```
#563f1e rgb(86,63,30)
```
#5b3f19
```
#5b3f19 rgb(91,63,25)
```
#5f4015
```
#5f4015 rgb(95,64,21)
```
#644110
```
#644110 rgb(100,65,16)
```
#68420c
```
#68420c rgb(104,66,12)
```
#6d4207
```
#6d4207 rgb(109,66,7)
```
#714303
```
#714303 rgb(113,67,3)
```

Tone Color Variation

Below, you can see how #523e22 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

#414141 Achromatopsia 0.005% of the population
#44403b Atypical Achromatopsia 0.001% of the population

Dichromacy

#524b2e Protanopia 1% of men
#5a482d Deuteranopia 1% of men
#5d4449 Tritanopia 0.001% of the population

Trichromacy

#52462a Protanomaly 1% of men, 0.01% of women
#574429 Deuteranomaly 6% of men, 0.4% of women
#59423b Tritanomaly 0.01% of the population