#522e1a hex color

In a RGB color space, hex #522e1a is composed of 32.2% red, 18% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 68.3% yellow and 67.8% black. It has a hue angle of 21.4 degrees, a saturation of 51.9% and a lightness of 21.2%. #522e1a color hex could be obtained by blending #a45c34 with #000000. Closest websafe color is: #663333.

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

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

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

Hex triplet	522e1a	`#522e1a`
RGB Decimal	82, 46, 26	`rgb(82,46,26)`
RGB Percent	32.2, 18, 10.2	`rgb(32.2%,18%,10.2%)`
CMYK	0, 44, 68, 68
HSL	21.4°, 51.9, 21.2	`hsl(21.4,51.9%,21.2%)`
HSV (or HSB)	21.4°, 68.3, 32.2
Web Safe	663333	`#663333`

CIE-LAB	23.077, 14.347, 19.745
XYZ	4.643, 3.823, 1.471
xyY	0.467, 0.385, 3.823
CIE-LCH	23.077, 24.407, 53.996
CIE-LUV	23.077, 24.566, 14.951
Hunter-Lab	19.552, 8.175, 9.227
Binary	01010010, 00101110, 00011010

#522e1a
```
#522e1a rgb(82,46,26)
```
#1a3e52
```
#1a3e52 rgb(26,62,82)
```

Complementary Color

#521a22
```
#521a22 rgb(82,26,34)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#524a1a
```
#524a1a rgb(82,74,26)
```

Analogous Color

#1a2252
```
#1a2252 rgb(26,34,82)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#1a524a
```
#1a524a rgb(26,82,74)
```

Split Complementary Color

#2e1a52
```
#2e1a52 rgb(46,26,82)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#1a522e
```
#1a522e rgb(26,82,46)
```

Triadic Color

#521a3e
```
#521a3e rgb(82,26,62)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#1a522e
```
#1a522e rgb(26,82,46)
```
#1a3e52
```
#1a3e52 rgb(26,62,82)
```

Tetradic Color

#180d08
```
#180d08 rgb(24,13,8)
```
#2b180e
```
#2b180e rgb(43,24,14)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#653920
```
#653920 rgb(101,57,32)
```
#794426
```
#794426 rgb(121,68,38)
```
#8c4f2c
```
#8c4f2c rgb(140,79,44)
```

Monochromatic Color

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

#52201a
```
#52201a rgb(82,32,26)
```
#52251a
```
#52251a rgb(82,37,26)
```
#52291a
```
#52291a rgb(82,41,26)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#52331a
```
#52331a rgb(82,51,26)
```
#52371a
```
#52371a rgb(82,55,26)
```
#523c1a
```
#523c1a rgb(82,60,26)
```

Similar Colors

Text with hexadecimal color #522e1a

This text has a font color of #522e1a.

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

#522e1a background color

This paragraph has a background color of #522e1a.

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

#522e1a border color

This element has a border color of #522e1a.

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

CSS codes

.text {color:#522e1a;}

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

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

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, #080402 is the darkest color, while #fdf9f8 is the lightest one.

#080402
```
#080402 rgb(8,4,2)
```
#160d07
```
#160d07 rgb(22,13,7)
```
#25150c
```
#25150c rgb(37,21,12)
```
#341d11
```
#341d11 rgb(52,29,17)
```
#432615
```
#432615 rgb(67,38,21)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#61361f
```
#61361f rgb(97,54,31)
```
#703f23
```
#703f23 rgb(112,63,35)
```
#7f4728
```
#7f4728 rgb(127,71,40)
```
#8e4f2d
```
#8e4f2d rgb(142,79,45)
```
#9c5832
```
#9c5832 rgb(156,88,50)
```
#ab6036
```
#ab6036 rgb(171,96,54)
```
#ba683b
```
#ba683b rgb(186,104,59)
```

Shade Color Variation

#c47245
```
#c47245 rgb(196,114,69)
```
#c97e54
```
#c97e54 rgb(201,126,84)
```
#cd8963
```
#cd8963 rgb(205,137,99)
```
#d29472
```
#d29472 rgb(210,148,114)
```
#d79f80
```
#d79f80 rgb(215,159,128)
```
#dcab8f
```
#dcab8f rgb(220,171,143)
```
#e0b69e
```
#e0b69e rgb(224,182,158)
```
#e5c1ad
```
#e5c1ad rgb(229,193,173)
```
#eaccbc
```
#eaccbc rgb(234,204,188)
```
#efd8cb
```
#efd8cb rgb(239,216,203)
```
#f3e3da
```
#f3e3da rgb(243,227,218)
```
#f8eee9
```
#f8eee9 rgb(248,238,233)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#393533
```
#393533 rgb(57,53,51)
```
#3d342f
```
#3d342f rgb(61,52,47)
```
#41332b
```
#41332b rgb(65,51,43)
```
#463226
```
#463226 rgb(70,50,38)
```
#4a3022
```
#4a3022 rgb(74,48,34)
```
#4e2f1e
```
#4e2f1e rgb(78,47,30)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#562d16
```
#562d16 rgb(86,45,22)
```
#5a2c12
```
#5a2c12 rgb(90,44,18)
```
#5e2a0e
```
#5e2a0e rgb(94,42,14)
```
#632909
```
#632909 rgb(99,41,9)
```
#672805
```
#672805 rgb(103,40,5)
```
#6b2701
```
#6b2701 rgb(107,39,1)
```

Tone Color Variation

Below, you can see how #522e1a 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
#3c3430 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474128 Protanopia 1% of men
#4f3e24 Deuteranopia 1% of men
#5c3639 Tritanopia 0.001% of the population

Trichromacy

#4b3a23 Protanomaly 1% of men, 0.01% of women
#503820 Deuteranomaly 6% of men, 0.4% of women
#58332e Tritanomaly 0.01% of the population

#522e1a hex color

#522e1a Color Information

#522e1a Color Conversion

Color Schemes with #522e1a

Alternatives to #522e1a

#522e1a Preview

Shades and Tints of #522e1a

Tones of #522e1a

Color Blindness Simulator