#522e1f hex color

In a RGB color space, hex #522e1f is composed of 32.2% red, 18% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 62.2% yellow and 67.8% black. It has a hue angle of 17.6 degrees, a saturation of 45.1% and a lightness of 22.2%. #522e1f color hex could be obtained by blending #a45c3e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 32
- G 18
- B 12
RGB color chart
- C 0
- M 44
- Y 62
- K 68
CMYK color chart

● #522e1f color description : Very dark orange [Brown tone].

The hexadecimal color #522e1f has RGB values of R:82, G:46, B:31 and CMYK values of C:0, M:0.44, Y:0.62, K:0.68. Its decimal value is 5385759.

Hex triplet	522e1f	`#522e1f`
RGB Decimal	82, 46, 31	`rgb(82,46,31)`
RGB Percent	32.2, 18, 12.2	`rgb(32.2%,18%,12.2%)`
CMYK	0, 44, 62, 68
HSL	17.6°, 45.1, 22.2	`hsl(17.6,45.1%,22.2%)`
HSV (or HSB)	17.6°, 62.2, 32.2
Web Safe	663333	`#663333`

CIE-LAB	23.159, 14.786, 16.652
XYZ	4.704, 3.847, 1.791
xyY	0.455, 0.372, 3.847
CIE-LCH	23.159, 22.269, 48.397
CIE-LUV	23.159, 24.012, 12.784
Hunter-Lab	19.614, 8.486, 8.316
Binary	01010010, 00101110, 00011111

#522e1f
```
#522e1f rgb(82,46,31)
```
#1f4352
```
#1f4352 rgb(31,67,82)
```

Complementary Color

#521f2a
```
#521f2a rgb(82,31,42)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#52481f
```
#52481f rgb(82,72,31)
```

Analogous Color

#1f2a52
```
#1f2a52 rgb(31,42,82)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#1f5248
```
#1f5248 rgb(31,82,72)
```

Split Complementary Color

#2e1f52
```
#2e1f52 rgb(46,31,82)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#1f522e
```
#1f522e rgb(31,82,46)
```

Triadic Color

#521f43
```
#521f43 rgb(82,31,67)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#1f522e
```
#1f522e rgb(31,82,46)
```
#1f4352
```
#1f4352 rgb(31,67,82)
```

Tetradic Color

#1a0f0a
```
#1a0f0a rgb(26,15,10)
```
#2d1911
```
#2d1911 rgb(45,25,17)
```
#3f2418
```
#3f2418 rgb(63,36,24)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#653826
```
#653826 rgb(101,56,38)
```
#77432d
```
#77432d rgb(119,67,45)
```
#8a4d34
```
#8a4d34 rgb(138,77,52)
```

Monochromatic Color

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

#52211f
```
#52211f rgb(82,33,31)
```
#52261f
```
#52261f rgb(82,38,31)
```
#522a1f
```
#522a1f rgb(82,42,31)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#52321f
```
#52321f rgb(82,50,31)
```
#52371f
```
#52371f rgb(82,55,31)
```
#523b1f
```
#523b1f rgb(82,59,31)
```

Similar Colors

Text with hexadecimal color #522e1f

This text has a font color of #522e1f.

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

#522e1f background color

This paragraph has a background color of #522e1f.

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

#522e1f border color

This element has a border color of #522e1f.

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

CSS codes

.text {color:#522e1f;}

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

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

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

#0b0604
```
#0b0604 rgb(11,6,4)
```
#190e09
```
#190e09 rgb(25,14,9)
```
#27160f
```
#27160f rgb(39,22,15)
```
#361e14
```
#361e14 rgb(54,30,20)
```
#44261a
```
#44261a rgb(68,38,26)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#603624
```
#603624 rgb(96,54,36)
```
#6e3e2a
```
#6e3e2a rgb(110,62,42)
```
#7d462f
```
#7d462f rgb(125,70,47)
```
#8b4e35
```
#8b4e35 rgb(139,78,53)
```
#99563a
```
#99563a rgb(153,86,58)
```
#a75e3f
```
#a75e3f rgb(167,94,63)
```
#b66645
```
#b66645 rgb(182,102,69)
```

Shade Color Variation

#bd7151
```
#bd7151 rgb(189,113,81)
```
#c37c5f
```
#c37c5f rgb(195,124,95)
```
#c8886d
```
#c8886d rgb(200,136,109)
```
#cd947b
```
#cd947b rgb(205,148,123)
```
#d39f8a
```
#d39f8a rgb(211,159,138)
```
#d8ab98
```
#d8ab98 rgb(216,171,152)
```
#ddb6a6
```
#ddb6a6 rgb(221,182,166)
```
#e3c2b4
```
#e3c2b4 rgb(227,194,180)
```
#e8cec3
```
#e8cec3 rgb(232,206,195)
```
#eed9d1
```
#eed9d1 rgb(238,217,209)
```
#f3e5df
```
#f3e5df rgb(243,229,223)
```
#f8f1ed
```
#f8f1ed rgb(248,241,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#3c3735
```
#3c3735 rgb(60,55,53)
```
#413530
```
#413530 rgb(65,53,48)
```
#45332c
```
#45332c rgb(69,51,44)
```
#493228
```
#493228 rgb(73,50,40)
```
#4e3023
```
#4e3023 rgb(78,48,35)
```
#522e1f
```
#522e1f rgb(82,46,31)
```
#562c1b
```
#562c1b rgb(86,44,27)
```
#5b2a16
```
#5b2a16 rgb(91,42,22)
```
#5f2912
```
#5f2912 rgb(95,41,18)
```
#63270e
```
#63270e rgb(99,39,14)
```
#682509
```
#682509 rgb(104,37,9)
```
#6c2305
```
#6c2305 rgb(108,35,5)
```
#702101
```
#702101 rgb(112,33,1)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3c3532 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46412d Protanopia 1% of men
#4e3e29 Deuteranopia 1% of men
#5c363a Tritanopia 0.001% of the population

Trichromacy

#4a3a28 Protanomaly 1% of men, 0.01% of women
#503825 Deuteranomaly 6% of men, 0.4% of women
#583330 Tritanomaly 0.01% of the population

#522e1f hex color

#522e1f Color Information

#522e1f Color Conversion

Color Schemes with #522e1f

Alternatives to #522e1f

#522e1f Preview

Shades and Tints of #522e1f

Tones of #522e1f

Color Blindness Simulator