#522a18 hex color

In a RGB color space, hex #522a18 is composed of 32.2% red, 16.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 70.7% yellow and 67.8% black. It has a hue angle of 18.6 degrees, a saturation of 54.7% and a lightness of 20.8%. #522a18 color hex could be obtained by blending #a45430 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 32
- G 16
- B 9
RGB color chart
- C 0
- M 49
- Y 71
- K 68
CMYK color chart

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

The hexadecimal color #522a18 has RGB values of R:82, G:42, B:24 and CMYK values of C:0, M:0.49, Y:0.71, K:0.68. Its decimal value is 5384728.

Hex triplet	522a18	`#522a18`
RGB Decimal	82, 42, 24	`rgb(82,42,24)`
RGB Percent	32.2, 16.5, 9.4	`rgb(32.2%,16.5%,9.4%)`
CMYK	0, 49, 71, 68
HSL	18.6°, 54.7, 20.8	`hsl(18.6,54.7%,20.8%)`
HSV (or HSB)	18.6°, 70.7, 32.2
Web Safe	663300	`#663300`

CIE-LAB	22.002, 16.711, 19.725
XYZ	4.473, 3.516, 1.307
xyY	0.481, 0.378, 3.516
CIE-LCH	22.002, 25.852, 49.729
CIE-LUV	22.002, 27.115, 14.095
Hunter-Lab	18.751, 9.762, 8.992
Binary	01010010, 00101010, 00011000

#522a18
```
#522a18 rgb(82,42,24)
```
#184052
```
#184052 rgb(24,64,82)
```

Complementary Color

#521823
```
#521823 rgb(82,24,35)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#524718
```
#524718 rgb(82,71,24)
```

Analogous Color

#182352
```
#182352 rgb(24,35,82)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#185247
```
#185247 rgb(24,82,71)
```

Split Complementary Color

#2a1852
```
#2a1852 rgb(42,24,82)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#18522a
```
#18522a rgb(24,82,42)
```

Triadic Color

#521840
```
#521840 rgb(82,24,64)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#18522a
```
#18522a rgb(24,82,42)
```
#184052
```
#184052 rgb(24,64,82)
```

Tetradic Color

#170c07
```
#170c07 rgb(23,12,7)
```
#2b160c
```
#2b160c rgb(43,22,12)
```
#3e2012
```
#3e2012 rgb(62,32,18)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#66341e
```
#66341e rgb(102,52,30)
```
#793e24
```
#793e24 rgb(121,62,36)
```
#8d4829
```
#8d4829 rgb(141,72,41)
```

Monochromatic Color

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

#521c18
```
#521c18 rgb(82,28,24)
```
#522018
```
#522018 rgb(82,32,24)
```
#522518
```
#522518 rgb(82,37,24)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#522f18
```
#522f18 rgb(82,47,24)
```
#523418
```
#523418 rgb(82,52,24)
```
#523918
```
#523918 rgb(82,57,24)
```

Similar Colors

Text with hexadecimal color #522a18

This text has a font color of #522a18.

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

#522a18 background color

This paragraph has a background color of #522a18.

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

#522a18 border color

This element has a border color of #522a18.

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

CSS codes

.text {color:#522a18;}

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

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

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

#060302
```
#060302 rgb(6,3,2)
```
#150b06
```
#150b06 rgb(21,11,6)
```
#24130b
```
#24130b rgb(36,19,11)
```
#341a0f
```
#341a0f rgb(52,26,15)
```
#432214
```
#432214 rgb(67,34,20)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#61321c
```
#61321c rgb(97,50,28)
```
#703a21
```
#703a21 rgb(112,58,33)
```
#804125
```
#804125 rgb(128,65,37)
```
#8f492a
```
#8f492a rgb(143,73,42)
```
#9e512e
```
#9e512e rgb(158,81,46)
```
#ad5933
```
#ad5933 rgb(173,89,51)
```
#bc6037
```
#bc6037 rgb(188,96,55)
```

Shade Color Variation

#c76a40
```
#c76a40 rgb(199,106,64)
```
#cb764f
```
#cb764f rgb(203,118,79)
```
#d0825e
```
#d0825e rgb(208,130,94)
```
#d48d6d
```
#d48d6d rgb(212,141,109)
```
#d9997d
```
#d9997d rgb(217,153,125)
```
#dda58c
```
#dda58c rgb(221,165,140)
```
#e2b19b
```
#e2b19b rgb(226,177,155)
```
#e6bdaa
```
#e6bdaa rgb(230,189,170)
```
#ebc9b9
```
#ebc9b9 rgb(235,201,185)
```
#efd4c8
```
#efd4c8 rgb(239,212,200)
```
#f3e0d8
```
#f3e0d8 rgb(243,224,216)
```
#f8ece7
```
#f8ece7 rgb(248,236,231)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#353535
```
#353535 rgb(53,53,53)
```
#3a3330
```
#3a3330 rgb(58,51,48)
```
#3e322c
```
#3e322c rgb(62,50,44)
```
#423028
```
#423028 rgb(66,48,40)
```
#462f24
```
#462f24 rgb(70,47,36)
```
#4a2d20
```
#4a2d20 rgb(74,45,32)
```
#4e2c1c
```
#4e2c1c rgb(78,44,28)
```
#522a18
```
#522a18 rgb(82,42,24)
```
#562814
```
#562814 rgb(86,40,20)
```
#5a2710
```
#5a2710 rgb(90,39,16)
```
#5e250c
```
#5e250c rgb(94,37,12)
```
#622408
```
#622408 rgb(98,36,8)
```
#662204
```
#662204 rgb(102,34,4)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3a322e Atypical Achromatopsia 0.001% of the population

Dichromacy

#443f27 Protanopia 1% of men
#4d3c21 Deuteranopia 1% of men
#5c3236 Tritanopia 0.001% of the population

Trichromacy

#493721 Protanomaly 1% of men, 0.01% of women
#4e351e Deuteranomaly 6% of men, 0.4% of women
#582f2b Tritanomaly 0.01% of the population

#522a18 hex color

#522a18 Color Information

#522a18 Color Conversion

Color Schemes with #522a18

Alternatives to #522a18

#522a18 Preview

Shades and Tints of #522a18

Tones of #522a18

Color Blindness Simulator