colorhexa.com

#522b23 hex color

In a RGB color space, hex #522b23 is composed of 32.2% red, 16.9% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 57.3% yellow and 67.8% black. It has a hue angle of 10.2 degrees, a saturation of 40.2% and a lightness of 22.9%. #522b23 color hex could be obtained by blending #a45646 with #000000. Closest websafe color is: #663333.

- R 32
- G 17
- B 14
RGB color chart
- C 0
- M 48
- Y 57
- K 68
CMYK color chart

● #522b23 color description : Very dark desaturated red.

The hexadecimal color #522b23 has RGB values of R:82, G:43, B:35 and CMYK values of C:0, M:0.48, Y:0.57, K:0.68. Its decimal value is 5384995.

Hex triplet	522b23	`#522b23`
RGB Decimal	82, 43, 35	`rgb(82,43,35)`
RGB Percent	32.2, 16.9, 13.7	`rgb(32.2%,16.9%,13.7%)`
CMYK	0, 48, 57, 68
HSL	10.2°, 40.2, 22.9	`hsl(10.2,40.2%,22.9%)`
HSV (or HSB)	10.2°, 57.3, 32.2
Web Safe	663333	`#663333`

CIE-LAB	22.455, 17.075, 13.109
XYZ	4.647, 3.643, 2.049
xyY	0.449, 0.352, 3.643
CIE-LCH	22.455, 21.527, 37.515
CIE-LUV	22.455, 25.163, 9.549
Hunter-Lab	19.087, 10.055, 6.998
Binary	01010010, 00101011, 00100011

#522b23
```
#522b23 rgb(82,43,35)
```
#234a52
```
#234a52 rgb(35,74,82)
```

Complementary Color

#522333
```
#522333 rgb(82,35,51)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#524323
```
#524323 rgb(82,67,35)
```

Analogous Color

#233352
```
#233352 rgb(35,51,82)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#235243
```
#235243 rgb(35,82,67)
```

Split Complementary Color

#1c0f0c
```
#1c0f0c rgb(28,15,12)
```
#2e1814
```
#2e1814 rgb(46,24,20)
```
#40221b
```
#40221b rgb(64,34,27)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#64342b
```
#64342b rgb(100,52,43)
```
#763e32
```
#763e32 rgb(118,62,50)
```
#88473a
```
#88473a rgb(136,71,58)
```

Monochromatic Color

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

#522327
```
#522327 rgb(82,35,39)
```
#522323
```
#522323 rgb(82,35,35)
```
#522723
```
#522723 rgb(82,39,35)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#523323
```
#523323 rgb(82,51,35)
```
#523723
```
#523723 rgb(82,55,35)
```

Similar Colors

Text with hexadecimal color #522b23

This text has a font color of #522b23.

<span style="color:#522b23;">Text here</span>

#522b23 background color

This paragraph has a background color of #522b23.

<p style="background-color:#522b23;">Content here</p>

#522b23 border color

This element has a border color of #522b23.

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

CSS codes

.text {color:#522b23;}

.background {background-color:#522b23;}

.border {border:1px solid #522b23;}

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

#0d0706
```
#0d0706 rgb(13,7,6)
```
#1b0e0c
```
#1b0e0c rgb(27,14,12)
```
#291511
```
#291511 rgb(41,21,17)
```
#371d17
```
#371d17 rgb(55,29,23)
```
#44241d
```
#44241d rgb(68,36,29)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#603229
```
#603229 rgb(96,50,41)
```
#6d392f
```
#6d392f rgb(109,57,47)
```
#7b4135
```
#7b4135 rgb(123,65,53)
```
#89483a
```
#89483a rgb(137,72,58)
```
#974f40
```
#974f40 rgb(151,79,64)
```
#a45646
```
#a45646 rgb(164,86,70)
```
#b25d4c
```
#b25d4c rgb(178,93,76)
```

Shade Color Variation

#b86a5a
```
#b86a5a rgb(184,106,90)
```
#be7667
```
#be7667 rgb(190,118,103)
```
#c48275
```
#c48275 rgb(196,130,117)
```
#ca8f83
```
#ca8f83 rgb(202,143,131)
```
#d09b91
```
#d09b91 rgb(208,155,145)
```
#d6a89e
```
#d6a89e rgb(214,168,158)
```
#dcb4ac
```
#dcb4ac rgb(220,180,172)
```
#e1c1ba
```
#e1c1ba rgb(225,193,186)
```
#e7cdc8
```
#e7cdc8 rgb(231,205,200)
```
#edd9d5
```
#edd9d5 rgb(237,217,213)
```
#f3e6e3
```
#f3e6e3 rgb(243,230,227)
```
#f9f2f1
```
#f9f2f1 rgb(249,242,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3c3a3a
```
#3c3a3a rgb(60,58,58)
```
#403735
```
#403735 rgb(64,55,53)
```
#453431
```
#453431 rgb(69,52,49)
```
#49312c
```
#49312c rgb(73,49,44)
```
#4e2e28
```
#4e2e28 rgb(78,46,40)
```
#522b23
```
#522b23 rgb(82,43,35)
```
#57281f
```
#57281f rgb(87,40,31)
```
#5b251a
```
#5b251a rgb(91,37,26)
```
#602216
```
#602216 rgb(96,34,22)
```
#641f11
```
#641f11 rgb(100,31,17)
```
#691c0d
```
#691c0d rgb(105,28,13)
```
#6d1908
```
#6d1908 rgb(109,25,8)
```
#721603
```
#721603 rgb(114,22,3)
```

Tone Color Variation

Below, you can see how #522b23 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

#363636 Achromatopsia 0.005% of the population
#3c3432 Atypical Achromatopsia 0.001% of the population

Dichromacy

#444032 Protanopia 1% of men
#4c3d2c Deuteranopia 1% of men
#5b3438 Tritanopia 0.001% of the population

Trichromacy

#49382c Protanomaly 1% of men, 0.01% of women
#4e3629 Deuteranomaly 6% of men, 0.4% of women
#583130 Tritanomaly 0.01% of the population