colorhexa.com

#533316 hex color

In a RGB color space, hex #533316 is composed of 32.5% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.6% magenta, 73.5% yellow and 67.5% black. It has a hue angle of 28.5 degrees, a saturation of 58.1% and a lightness of 20.6%. #533316 color hex could be obtained by blending #a6662c with #000000. Closest websafe color is: #663300.

- R 33
- G 20
- B 9
RGB color chart
- C 0
- M 39
- Y 73
- K 67
CMYK color chart

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

The hexadecimal color #533316 has RGB values of R:83, G:51, B:22 and CMYK values of C:0, M:0.39, Y:0.73, K:0.67. Its decimal value is 5452566.

Hex triplet	533316	`#533316`
RGB Decimal	83, 51, 22	`rgb(83,51,22)`
RGB Percent	32.5, 20, 8.6	`rgb(32.5%,20%,8.6%)`
CMYK	0, 39, 73, 67
HSL	28.5°, 58.1, 20.6	`hsl(28.5,58.1%,20.6%)`
HSV (or HSB)	28.5°, 73.5, 32.5
Web Safe	663300	`#663300`

CIE-LAB	24.529, 11.347, 23.882
XYZ	4.896, 4.265, 1.324
xyY	0.467, 0.407, 4.265
CIE-LCH	24.529, 26.44, 64.585
CIE-LUV	24.529, 22.645, 18.689
Hunter-Lab	20.652, 6.178, 10.654
Binary	01010011, 00110011, 00010110

#533316
```
#533316 rgb(83,51,22)
```
#163653
```
#163653 rgb(22,54,83)
```

Complementary Color

#531617
```
#531617 rgb(83,22,23)
```
#533316
```
#533316 rgb(83,51,22)
```
#535216
```
#535216 rgb(83,82,22)
```

Analogous Color

#161753
```
#161753 rgb(22,23,83)
```
#533316
```
#533316 rgb(83,51,22)
```
#165352
```
#165352 rgb(22,83,82)
```

Split Complementary Color

#170e06
```
#170e06 rgb(23,14,6)
```
#2b1a0b
```
#2b1a0b rgb(43,26,11)
```
#3f2711
```
#3f2711 rgb(63,39,17)
```
#533316
```
#533316 rgb(83,51,22)
```
#673f1b
```
#673f1b rgb(103,63,27)
```
#7b4c21
```
#7b4c21 rgb(123,76,33)
```
#8f5826
```
#8f5826 rgb(143,88,38)
```

Monochromatic Color

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

#532416
```
#532416 rgb(83,36,22)
```
#532916
```
#532916 rgb(83,41,22)
```
#532e16
```
#532e16 rgb(83,46,22)
```
#533316
```
#533316 rgb(83,51,22)
```
#533816
```
#533816 rgb(83,56,22)
```
#533d16
```
#533d16 rgb(83,61,22)
```
#534216
```
#534216 rgb(83,66,22)
```

Similar Colors

Text with hexadecimal color #533316

This text has a font color of #533316.

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

#533316 background color

This paragraph has a background color of #533316.

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

#533316 border color

This element has a border color of #533316.

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

CSS codes

.text {color:#533316;}

.background {background-color:#533316;}

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

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 #fcf8f5 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#150d06
```
#150d06 rgb(21,13,6)
```
#24160a
```
#24160a rgb(36,22,10)
```
#34200e
```
#34200e rgb(52,32,14)
```
#432912
```
#432912 rgb(67,41,18)
```
#533316
```
#533316 rgb(83,51,22)
```
#633d1a
```
#633d1a rgb(99,61,26)
```
#72461e
```
#72461e rgb(114,70,30)
```
#825022
```
#825022 rgb(130,80,34)
```
#915926
```
#915926 rgb(145,89,38)
```
#a1632b
```
#a1632b rgb(161,99,43)
```
#b06c2f
```
#b06c2f rgb(176,108,47)
```
#c07633
```
#c07633 rgb(192,118,51)
```

Shade Color Variation

#cb7f3b
```
#cb7f3b rgb(203,127,59)
```
#cf8a4a
```
#cf8a4a rgb(207,138,74)
```
#d3945a
```
#d3945a rgb(211,148,90)
```
#d79e69
```
#d79e69 rgb(215,158,105)
```
#dba879
```
#dba879 rgb(219,168,121)
```
#e0b288
```
#e0b288 rgb(224,178,136)
```
#e4bc98
```
#e4bc98 rgb(228,188,152)
```
#e8c6a7
```
#e8c6a7 rgb(232,198,167)
```
#ecd0b7
```
#ecd0b7 rgb(236,208,183)
```
#f0dac6
```
#f0dac6 rgb(240,218,198)
```
#f4e4d6
```
#f4e4d6 rgb(244,228,214)
```
#f8eee5
```
#f8eee5 rgb(248,238,229)
```
#fcf8f5
```
#fcf8f5 rgb(252,248,245)
```

Tint Color Variation

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

#373432
```
#373432 rgb(55,52,50)
```
#3b342e
```
#3b342e rgb(59,52,46)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#433426
```
#433426 rgb(67,52,38)
```
#473422
```
#473422 rgb(71,52,34)
```
#4b331e
```
#4b331e rgb(75,51,30)
```
#4f331a
```
#4f331a rgb(79,51,26)
```
#533316
```
#533316 rgb(83,51,22)
```
#573312
```
#573312 rgb(87,51,18)
```
#5b330e
```
#5b330e rgb(91,51,14)
```
#5f320a
```
#5f320a rgb(95,50,10)
```
#633206
```
#633206 rgb(99,50,6)
```
#673202
```
#673202 rgb(103,50,2)
```

Tone Color Variation

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

Dichromacy

#4b4424 Protanopia 1% of men
#544120 Deuteranopia 1% of men
#5d3a3e Tritanopia 0.001% of the population

Trichromacy

#4e3e1f Protanomaly 1% of men, 0.01% of women
#533c1c Deuteranomaly 6% of men, 0.4% of women
#59372f Tritanomaly 0.01% of the population