#562e1f hex color

In a RGB color space, hex #562e1f is composed of 33.7% red, 18% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 64% yellow and 66.3% black. It has a hue angle of 16.4 degrees, a saturation of 47% and a lightness of 22.9%. #562e1f color hex could be obtained by blending #ac5c3e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 34
- G 18
- B 12
RGB color chart
- C 0
- M 47
- Y 64
- K 66
CMYK color chart

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

The hexadecimal color #562e1f has RGB values of R:86, G:46, B:31 and CMYK values of C:0, M:0.47, Y:0.64, K:0.66. Its decimal value is 5647903.

Hex triplet	562e1f	`#562e1f`
RGB Decimal	86, 46, 31	`rgb(86,46,31)`
RGB Percent	33.7, 18, 12.2	`rgb(33.7%,18%,12.2%)`
CMYK	0, 47, 64, 66
HSL	16.4°, 47, 22.9	`hsl(16.4,47%,22.9%)`
HSV (or HSB)	16.4°, 64, 33.7
Web Safe	663333	`#663333`

CIE-LAB	23.776, 16.672, 17.557
XYZ	5.062, 4.032, 1.808
xyY	0.464, 0.37, 4.032
CIE-LCH	23.776, 24.211, 46.48
CIE-LUV	23.776, 27.047, 13.292
Hunter-Lab	20.079, 9.863, 8.717
Binary	01010110, 00101110, 00011111

#562e1f
```
#562e1f rgb(86,46,31)
```
#1f4756
```
#1f4756 rgb(31,71,86)
```

Complementary Color

#561f2c
```
#561f2c rgb(86,31,44)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#564a1f
```
#564a1f rgb(86,74,31)
```

Analogous Color

#1f2c56
```
#1f2c56 rgb(31,44,86)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#1f564a
```
#1f564a rgb(31,86,74)
```

Split Complementary Color

#2e1f56
```
#2e1f56 rgb(46,31,86)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#1f562e
```
#1f562e rgb(31,86,46)
```

Triadic Color

#561f47
```
#561f47 rgb(86,31,71)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#1f562e
```
#1f562e rgb(31,86,46)
```
#1f4756
```
#1f4756 rgb(31,71,86)
```

Tetradic Color

#1e100b
```
#1e100b rgb(30,16,11)
```
#311a11
```
#311a11 rgb(49,26,17)
```
#432418
```
#432418 rgb(67,36,24)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#693826
```
#693826 rgb(105,56,38)
```
#7b422d
```
#7b422d rgb(123,66,45)
```
#8e4c33
```
#8e4c33 rgb(142,76,51)
```

Monochromatic Color

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

#56201f
```
#56201f rgb(86,32,31)
```
#56251f
```
#56251f rgb(86,37,31)
```
#56291f
```
#56291f rgb(86,41,31)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#56331f
```
#56331f rgb(86,51,31)
```
#56371f
```
#56371f rgb(86,55,31)
```
#563c1f
```
#563c1f rgb(86,60,31)
```

Similar Colors

Text with hexadecimal color #562e1f

This text has a font color of #562e1f.

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

#562e1f background color

This paragraph has a background color of #562e1f.

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

#562e1f border color

This element has a border color of #562e1f.

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

CSS codes

.text {color:#562e1f;}

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

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

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

#0e0705
```
#0e0705 rgb(14,7,5)
```
#1c0f0a
```
#1c0f0a rgb(28,15,10)
```
#2b170f
```
#2b170f rgb(43,23,15)
```
#391f15
```
#391f15 rgb(57,31,21)
```
#48261a
```
#48261a rgb(72,38,26)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#643624
```
#643624 rgb(100,54,36)
```
#733d29
```
#733d29 rgb(115,61,41)
```
#81452f
```
#81452f rgb(129,69,47)
```
#904d34
```
#904d34 rgb(144,77,52)
```
#9e5539
```
#9e5539 rgb(158,85,57)
```
#ad5c3e
```
#ad5c3e rgb(173,92,62)
```
#bb6443
```
#bb6443 rgb(187,100,67)
```

Shade Color Variation

#c07051
```
#c07051 rgb(192,112,81)
```
#c67c60
```
#c67c60 rgb(198,124,96)
```
#cb886e
```
#cb886e rgb(203,136,110)
```
#d0937d
```
#d0937d rgb(208,147,125)
```
#d59f8b
```
#d59f8b rgb(213,159,139)
```
#daab9a
```
#daab9a rgb(218,171,154)
```
#e0b7a8
```
#e0b7a8 rgb(224,183,168)
```
#e5c3b6
```
#e5c3b6 rgb(229,195,182)
```
#eacfc5
```
#eacfc5 rgb(234,207,197)
```
#efdbd3
```
#efdbd3 rgb(239,219,211)
```
#f4e7e2
```
#f4e7e2 rgb(244,231,226)
```
#faf3f0
```
#faf3f0 rgb(250,243,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#3b3a3a
```
#3b3a3a rgb(59,58,58)
```
#403836
```
#403836 rgb(64,56,54)
```
#443631
```
#443631 rgb(68,54,49)
```
#49342d
```
#49342d rgb(73,52,45)
```
#4d3228
```
#4d3228 rgb(77,50,40)
```
#523024
```
#523024 rgb(82,48,36)
```
#562e1f
```
#562e1f rgb(86,46,31)
```
#5b2c1b
```
#5b2c1b rgb(91,44,27)
```
#5f2a16
```
#5f2a16 rgb(95,42,22)
```
#642812
```
#642812 rgb(100,40,18)
```
#68260d
```
#68260d rgb(104,38,13)
```
#6d2409
```
#6d2409 rgb(109,36,9)
```
#712204
```
#712204 rgb(113,34,4)
```

Tone Color Variation

Below, you can see how #562e1f 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
#3e3633 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48422e Protanopia 1% of men
#504028 Deuteranopia 1% of men
#5f363a Tritanopia 0.001% of the population

Trichromacy

#4d3b28 Protanomaly 1% of men, 0.01% of women
#523925 Deuteranomaly 6% of men, 0.4% of women
#5c3330 Tritanomaly 0.01% of the population

#562e1f hex color

#562e1f Color Information

#562e1f Color Conversion

Color Schemes with #562e1f

Alternatives to #562e1f

#562e1f Preview

Shades and Tints of #562e1f

Tones of #562e1f

Color Blindness Simulator