#563212 hex color

In a RGB color space, hex #563212 is composed of 33.7% red, 19.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.9% magenta, 79.1% yellow and 66.3% black. It has a hue angle of 28.2 degrees, a saturation of 65.4% and a lightness of 20.4%. #563212 color hex could be obtained by blending #ac6424 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 34
- G 20
- B 7
RGB color chart
- C 0
- M 42
- Y 79
- K 66
CMYK color chart

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

The hexadecimal color #563212 has RGB values of R:86, G:50, B:18 and CMYK values of C:0, M:0.42, Y:0.79, K:0.66. Its decimal value is 5648914.

Hex triplet	563212	`#563212`
RGB Decimal	86, 50, 18	`rgb(86,50,18)`
RGB Percent	33.7, 19.6, 7.1	`rgb(33.7%,19.6%,7.1%)`
CMYK	0, 42, 79, 66
HSL	28.2°, 65.4, 20.4	`hsl(28.2,65.4%,20.4%)`
HSV (or HSB)	28.2°, 79.1, 33.7
Web Safe	663300	`#663300`

CIE-LAB	24.651, 13.216, 26.399
XYZ	5.088, 4.304, 1.135
xyY	0.483, 0.409, 4.304
CIE-LCH	24.651, 29.522, 63.406
CIE-LUV	24.651, 25.879, 19.839
Hunter-Lab	20.745, 7.472, 11.278
Binary	01010110, 00110010, 00010010

#563212
```
#563212 rgb(86,50,18)
```
#123656
```
#123656 rgb(18,54,86)
```

Complementary Color

#561214
```
#561214 rgb(86,18,20)
```
#563212
```
#563212 rgb(86,50,18)
```
#565412
```
#565412 rgb(86,84,18)
```

Analogous Color

#121456
```
#121456 rgb(18,20,86)
```
#563212
```
#563212 rgb(86,50,18)
```
#125654
```
#125654 rgb(18,86,84)
```

Split Complementary Color

#321256
```
#321256 rgb(50,18,86)
```
#563212
```
#563212 rgb(86,50,18)
```
#125632
```
#125632 rgb(18,86,50)
```

Triadic Color

#561236
```
#561236 rgb(86,18,54)
```
#563212
```
#563212 rgb(86,50,18)
```
#125632
```
#125632 rgb(18,86,50)
```
#123656
```
#123656 rgb(18,54,86)
```

Tetradic Color

#170d05
```
#170d05 rgb(23,13,5)
```
#2c1909
```
#2c1909 rgb(44,25,9)
```
#41260e
```
#41260e rgb(65,38,14)
```
#563212
```
#563212 rgb(86,50,18)
```
#6b3e16
```
#6b3e16 rgb(107,62,22)
```
#804b1b
```
#804b1b rgb(128,75,27)
```
#95571f
```
#95571f rgb(149,87,31)
```

Monochromatic Color

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

#562112
```
#562112 rgb(86,33,18)
```
#562712
```
#562712 rgb(86,39,18)
```
#562c12
```
#562c12 rgb(86,44,18)
```
#563212
```
#563212 rgb(86,50,18)
```
#563812
```
#563812 rgb(86,56,18)
```
#563d12
```
#563d12 rgb(86,61,18)
```
#564312
```
#564312 rgb(86,67,18)
```

Similar Colors

Text with hexadecimal color #563212

This text has a font color of #563212.

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

#563212 background color

This paragraph has a background color of #563212.

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

#563212 border color

This element has a border color of #563212.

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

CSS codes

.text {color:#563212;}

.background {background-color:#563212;}

.border {border:1px solid #563212;}

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

#050301
```
#050301 rgb(5,3,1)
```
#150c04
```
#150c04 rgb(21,12,4)
```
#251608
```
#251608 rgb(37,22,8)
```
#361f0b
```
#361f0b rgb(54,31,11)
```
#46290f
```
#46290f rgb(70,41,15)
```
#563212
```
#563212 rgb(86,50,18)
```
#663b15
```
#663b15 rgb(102,59,21)
```
#764519
```
#764519 rgb(118,69,25)
```
#874e1c
```
#874e1c rgb(135,78,28)
```
#975820
```
#975820 rgb(151,88,32)
```
#a76123
```
#a76123 rgb(167,97,35)
```
#b76b26
```
#b76b26 rgb(183,107,38)
```
#c8742a
```
#c8742a rgb(200,116,42)
```

Shade Color Variation

#d47e31
```
#d47e31 rgb(212,126,49)
```
#d78841
```
#d78841 rgb(215,136,65)
```
#db9251
```
#db9251 rgb(219,146,81)
```
#de9c62
```
#de9c62 rgb(222,156,98)
```
#e1a672
```
#e1a672 rgb(225,166,114)
```
#e5b182
```
#e5b182 rgb(229,177,130)
```
#e8bb92
```
#e8bb92 rgb(232,187,146)
```
#ecc5a3
```
#ecc5a3 rgb(236,197,163)
```
#efcfb3
```
#efcfb3 rgb(239,207,179)
```
#f2d9c3
```
#f2d9c3 rgb(242,217,195)
```
#f6e4d3
```
#f6e4d3 rgb(246,228,211)
```
#f9eee3
```
#f9eee3 rgb(249,238,227)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#363432
```
#363432 rgb(54,52,50)
```
#3a342e
```
#3a342e rgb(58,52,46)
```
#3e332a
```
#3e332a rgb(62,51,42)
```
#423326
```
#423326 rgb(66,51,38)
```
#463322
```
#463322 rgb(70,51,34)
```
#4a331e
```
#4a331e rgb(74,51,30)
```
#4e321a
```
#4e321a rgb(78,50,26)
```
#523216
```
#523216 rgb(82,50,22)
```
#563212
```
#563212 rgb(86,50,18)
```
#5a320e
```
#5a320e rgb(90,50,14)
```
#5e320a
```
#5e320a rgb(94,50,10)
```
#623106
```
#623106 rgb(98,49,6)
```
#663102
```
#663102 rgb(102,49,2)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3f3831 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4420 Protanopia 1% of men
#54411c Deuteranopia 1% of men
#60393d Tritanopia 0.001% of the population

Trichromacy

#4f3d1b Protanomaly 1% of men, 0.01% of women
#553b18 Deuteranomaly 6% of men, 0.4% of women
#5c362d Tritanomaly 0.01% of the population

#563212 hex color

#563212 Color Information

#563212 Color Conversion

Color Schemes with #563212

Alternatives to #563212

#563212 Preview

Shades and Tints of #563212

Tones of #563212

Color Blindness Simulator