colorhexa.com

#534836 hex color

In a RGB color space, hex #534836 is composed of 32.5% red, 28.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 34.9% yellow and 67.5% black. It has a hue angle of 37.2 degrees, a saturation of 21.2% and a lightness of 26.9%. #534836 color hex could be obtained by blending #a6906c with #000000. Closest websafe color is: #663333.

- R 33
- G 28
- B 21
RGB color chart
- C 0
- M 13
- Y 35
- K 67
CMYK color chart

● #534836 color description : Very dark grayish orange.

The hexadecimal color #534836 has RGB values of R:83, G:72, B:54 and CMYK values of C:0, M:0.13, Y:0.35, K:0.67. Its decimal value is 5457974.

Hex triplet	534836	`#534836`
RGB Decimal	83, 72, 54	`rgb(83,72,54)`
RGB Percent	32.5, 28.2, 21.2	`rgb(32.5%,28.2%,21.2%)`
CMYK	0, 13, 35, 67
HSL	37.2°, 21.2, 26.9	`hsl(37.2,21.2%,26.9%)`
HSV (or HSB)	37.2°, 34.9, 32.5
Web Safe	663333	`#663333`

CIE-LAB	31.208, 1.514, 12.524
XYZ	6.55, 6.74, 4.446
xyY	0.369, 0.38, 6.74
CIE-LCH	31.208, 12.615, 83.108
CIE-LUV	31.208, 7.595, 13.404
Hunter-Lab	25.962, -0.396, 8.02
Binary	01010011, 01001000, 00110110

#534836
```
#534836 rgb(83,72,54)
```
#364153
```
#364153 rgb(54,65,83)
```

Complementary Color

#533a36
```
#533a36 rgb(83,58,54)
```
#534836
```
#534836 rgb(83,72,54)
```
#505336
```
#505336 rgb(80,83,54)
```

Analogous Color

#3a3653
```
#3a3653 rgb(58,54,83)
```
#534836
```
#534836 rgb(83,72,54)
```
#365053
```
#365053 rgb(54,80,83)
```

Split Complementary Color

#252018
```
#252018 rgb(37,32,24)
```
#342d22
```
#342d22 rgb(52,45,34)
```
#443b2c
```
#443b2c rgb(68,59,44)
```
#534836
```
#534836 rgb(83,72,54)
```
#625540
```
#625540 rgb(98,85,64)
```
#72634a
```
#72634a rgb(114,99,74)
```
#817054
```
#817054 rgb(129,112,84)
```

Monochromatic Color

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

#534136
```
#534136 rgb(83,65,54)
```
#534336
```
#534336 rgb(83,67,54)
```
#534636
```
#534636 rgb(83,70,54)
```
#534836
```
#534836 rgb(83,72,54)
```
#534a36
```
#534a36 rgb(83,74,54)
```
#534d36
```
#534d36 rgb(83,77,54)
```
#534f36
```
#534f36 rgb(83,79,54)
```

Similar Colors

Text with hexadecimal color #534836

This text has a font color of #534836.

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

#534836 background color

This paragraph has a background color of #534836.

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

#534836 border color

This element has a border color of #534836.

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

CSS codes

.text {color:#534836;}

.background {background-color:#534836;}

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

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

#0c0a08
```
#0c0a08 rgb(12,10,8)
```
#18140f
```
#18140f rgb(24,20,15)
```
#231f17
```
#231f17 rgb(35,31,23)
```
#2f291f
```
#2f291f rgb(47,41,31)
```
#3b3327
```
#3b3327 rgb(59,51,39)
```
#473e2e
```
#473e2e rgb(71,62,46)
```
#534836
```
#534836 rgb(83,72,54)
```
#5f523e
```
#5f523e rgb(95,82,62)
```
#6b5d45
```
#6b5d45 rgb(107,93,69)
```
#77674d
```
#77674d rgb(119,103,77)
```
#837155
```
#837155 rgb(131,113,85)
```
#8e7c5d
```
#8e7c5d rgb(142,124,93)
```
#9a8664
```
#9a8664 rgb(154,134,100)
```

Shade Color Variation

#a28f70
```
#a28f70 rgb(162,143,112)
```
#aa987c
```
#aa987c rgb(170,152,124)
```
#b2a288
```
#b2a288 rgb(178,162,136)
```
#b9ab94
```
#b9ab94 rgb(185,171,148)
```
#c1b4a0
```
#c1b4a0 rgb(193,180,160)
```
#c9beac
```
#c9beac rgb(201,190,172)
```
#d0c7b8
```
#d0c7b8 rgb(208,199,184)
```
#d8d0c3
```
#d8d0c3 rgb(216,208,195)
```
#e0dacf
```
#e0dacf rgb(224,218,207)
```
#e8e3db
```
#e8e3db rgb(232,227,219)
```
#efece7
```
#efece7 rgb(239,236,231)
```
#f7f6f3
```
#f7f6f3 rgb(247,246,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484541
```
#484541 rgb(72,69,65)
```
#4e473b
```
#4e473b rgb(78,71,59)
```
#534836
```
#534836 rgb(83,72,54)
```
#584931
```
#584931 rgb(88,73,49)
```
#5e4b2b
```
#5e4b2b rgb(94,75,43)
```
#634c26
```
#634c26 rgb(99,76,38)
```
#684d21
```
#684d21 rgb(104,77,33)
```
#6d4e1c
```
#6d4e1c rgb(109,78,28)
```
#735016
```
#735016 rgb(115,80,22)
```
#785111
```
#785111 rgb(120,81,17)
```
#7d520c
```
#7d520c rgb(125,82,12)
```
#825307
```
#825307 rgb(130,83,7)
```
#885501
```
#885501 rgb(136,85,1)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b4945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585240 Protanopia 1% of men
#604f41 Deuteranopia 1% of men
#5e4e54 Tritanopia 0.001% of the population

Trichromacy

#564e3c Protanomaly 1% of men, 0.01% of women
#5b4c3d Deuteranomaly 6% of men, 0.4% of women
#5a4c49 Tritanomaly 0.01% of the population