colorhexa.com

#522f23 hex color

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

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

● #522f23 color description : Very dark desaturated orange.

The hexadecimal color #522f23 has RGB values of R:82, G:47, B:35 and CMYK values of C:0, M:0.43, Y:0.57, K:0.68. Its decimal value is 5386019.

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

CIE-LAB	23.501, 14.549, 14.475
XYZ	4.8, 3.949, 2.099
xyY	0.442, 0.364, 3.949
CIE-LCH	23.501, 20.523, 44.852
CIE-LUV	23.501, 22.96, 11.298
Hunter-Lab	19.871, 8.341, 7.646
Binary	01010010, 00101111, 00100011

#522f23
```
#522f23 rgb(82,47,35)
```
#234652
```
#234652 rgb(35,70,82)
```

Complementary Color

#52232f
```
#52232f rgb(82,35,47)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#524723
```
#524723 rgb(82,71,35)
```

Analogous Color

#232f52
```
#232f52 rgb(35,47,82)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#235247
```
#235247 rgb(35,82,71)
```

Split Complementary Color

#1c100c
```
#1c100c rgb(28,16,12)
```
#2e1b14
```
#2e1b14 rgb(46,27,20)
```
#40251b
```
#40251b rgb(64,37,27)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#64392b
```
#64392b rgb(100,57,43)
```
#764332
```
#764332 rgb(118,67,50)
```
#884e3a
```
#884e3a rgb(136,78,58)
```

Monochromatic Color

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

#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)
```
#523b23
```
#523b23 rgb(82,59,35)
```

Similar Colors

Text with hexadecimal color #522f23

This text has a font color of #522f23.

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

#522f23 background color

This paragraph has a background color of #522f23.

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

#522f23 border color

This element has a border color of #522f23.

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

CSS codes

.text {color:#522f23;}

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

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

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

#0d0806
```
#0d0806 rgb(13,8,6)
```
#1b0f0c
```
#1b0f0c rgb(27,15,12)
```
#291711
```
#291711 rgb(41,23,17)
```
#371f17
```
#371f17 rgb(55,31,23)
```
#44271d
```
#44271d rgb(68,39,29)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#603729
```
#603729 rgb(96,55,41)
```
#6d3f2f
```
#6d3f2f rgb(109,63,47)
```
#7b4735
```
#7b4735 rgb(123,71,53)
```
#894f3a
```
#894f3a rgb(137,79,58)
```
#975640
```
#975640 rgb(151,86,64)
```
#a45e46
```
#a45e46 rgb(164,94,70)
```
#b2664c
```
#b2664c rgb(178,102,76)
```

Shade Color Variation

#b8725a
```
#b8725a rgb(184,114,90)
```
#be7d67
```
#be7d67 rgb(190,125,103)
```
#c48975
```
#c48975 rgb(196,137,117)
```
#ca9583
```
#ca9583 rgb(202,149,131)
```
#d0a191
```
#d0a191 rgb(208,161,145)
```
#d6ac9e
```
#d6ac9e rgb(214,172,158)
```
#dcb8ac
```
#dcb8ac rgb(220,184,172)
```
#e1c4ba
```
#e1c4ba rgb(225,196,186)
```
#e7d0c8
```
#e7d0c8 rgb(231,208,200)
```
#eddbd5
```
#eddbd5 rgb(237,219,213)
```
#f3e7e3
```
#f3e7e3 rgb(243,231,227)
```
#f9f3f1
```
#f9f3f1 rgb(249,243,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 #722003 is the most saturated one.

#3c3a3a
```
#3c3a3a rgb(60,58,58)
```
#403835
```
#403835 rgb(64,56,53)
```
#453631
```
#453631 rgb(69,54,49)
```
#49332c
```
#49332c rgb(73,51,44)
```
#4e3128
```
#4e3128 rgb(78,49,40)
```
#522f23
```
#522f23 rgb(82,47,35)
```
#572d1f
```
#572d1f rgb(87,45,31)
```
#5b2b1a
```
#5b2b1a rgb(91,43,26)
```
#602816
```
#602816 rgb(96,40,22)
```
#642611
```
#642611 rgb(100,38,17)
```
#69240d
```
#69240d rgb(105,36,13)
```
#6d2208
```
#6d2208 rgb(109,34,8)
```
#722003
```
#722003 rgb(114,32,3)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d3634 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474231 Protanopia 1% of men
#4f3f2c Deuteranopia 1% of men
#5c373b Tritanopia 0.001% of the population

Trichromacy

#4b3b2c Protanomaly 1% of men, 0.01% of women
#503929 Deuteranomaly 6% of men, 0.4% of women
#583432 Tritanomaly 0.01% of the population