#535156 hex color

In a RGB color space, hex #535156 is composed of 32.5% red, 31.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 5.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 264 degrees, a saturation of 3% and a lightness of 32.7%. #535156 color hex could be obtained by blending #a6a2ac with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 32
- B 34
RGB color chart
- C 3
- M 6
- Y 0
- K 66
CMYK color chart

● #535156 color description : Very dark grayish violet.

The hexadecimal color #535156 has RGB values of R:83, G:81, B:86 and CMYK values of C:0.03, M:0.06, Y:0, K:0.66. Its decimal value is 5460310.

Hex triplet	535156	`#535156`
RGB Decimal	83, 81, 86	`rgb(83,81,86)`
RGB Percent	32.5, 31.8, 33.7	`rgb(32.5%,31.8%,33.7%)`
CMYK	3, 6, 0, 66
HSL	264°, 3, 32.7	`hsl(264,3%,32.7%)`
HSV (or HSB)	264°, 5.8, 33.7
Web Safe	666666	`#666666`

CIE-LAB	34.794, 1.897, -2.638
XYZ	8.189, 8.396, 9.993
xyY	0.308, 0.316, 8.396
CIE-LCH	34.794, 3.249, 305.72
CIE-LUV	34.794, 0.8, -3.566
Hunter-Lab	28.975, -0.259, -0.164
Binary	01010011, 01010001, 01010110

#535156
```
#535156 rgb(83,81,86)
```
#545651
```
#545651 rgb(84,86,81)
```

Complementary Color

#515256
```
#515256 rgb(81,82,86)
```
#535156
```
#535156 rgb(83,81,86)
```
#565156
```
#565156 rgb(86,81,86)
```

Analogous Color

#525651
```
#525651 rgb(82,86,81)
```
#535156
```
#535156 rgb(83,81,86)
```
#565651
```
#565651 rgb(86,86,81)
```

Split Complementary Color

#515653
```
#515653 rgb(81,86,83)
```
#535156
```
#535156 rgb(83,81,86)
```
#565351
```
#565351 rgb(86,83,81)
```

Triadic Color

#515456
```
#515456 rgb(81,84,86)
```
#535156
```
#535156 rgb(83,81,86)
```
#565351
```
#565351 rgb(86,83,81)
```
#545651
```
#545651 rgb(84,86,81)
```

Tetradic Color

#2d2c2f
```
#2d2c2f rgb(45,44,47)
```
#3a383c
```
#3a383c rgb(58,56,60)
```
#464549
```
#464549 rgb(70,69,73)
```
#535156
```
#535156 rgb(83,81,86)
```
#605d63
```
#605d63 rgb(96,93,99)
```
#6c6a70
```
#6c6a70 rgb(108,106,112)
```
#79767d
```
#79767d rgb(121,118,125)
```

Monochromatic Color

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

#525156
```
#525156 rgb(82,81,86)
```
#525156
```
#525156 rgb(82,81,86)
```
#535156
```
#535156 rgb(83,81,86)
```
#535156
```
#535156 rgb(83,81,86)
```
#535156
```
#535156 rgb(83,81,86)
```
#545156
```
#545156 rgb(84,81,86)
```
#545156
```
#545156 rgb(84,81,86)
```

Similar Colors

Text with hexadecimal color #535156

This text has a font color of #535156.

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

#535156 background color

This paragraph has a background color of #535156.

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

#535156 border color

This element has a border color of #535156.

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

CSS codes

.text {color:#535156;}

.background {background-color:#535156;}

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

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

#050505
```
#050505 rgb(5,5,5)
```
#0f0e0f
```
#0f0e0f rgb(15,14,15)
```
#191819
```
#191819 rgb(25,24,25)
```
#222123
```
#222123 rgb(34,33,35)
```
#2c2b2e
```
#2c2b2e rgb(44,43,46)
```
#363438
```
#363438 rgb(54,52,56)
```
#403e42
```
#403e42 rgb(64,62,66)
```
#49474c
```
#49474c rgb(73,71,76)
```
#535156
```
#535156 rgb(83,81,86)
```
#5d5b60
```
#5d5b60 rgb(93,91,96)
```
#66646a
```
#66646a rgb(102,100,106)
```
#706e74
```
#706e74 rgb(112,110,116)
```
#7a777e
```
#7a777e rgb(122,119,126)
```

Shade Color Variation

#848188
```
#848188 rgb(132,129,136)
```
#8e8b92
```
#8e8b92 rgb(142,139,146)
```
#98959b
```
#98959b rgb(152,149,155)
```
#a19fa5
```
#a19fa5 rgb(161,159,165)
```
#aba9ae
```
#aba9ae rgb(171,169,174)
```
#b5b3b8
```
#b5b3b8 rgb(181,179,184)
```
#bfbdc1
```
#bfbdc1 rgb(191,189,193)
```
#c9c8cb
```
#c9c8cb rgb(201,200,203)
```
#d3d2d4
```
#d3d2d4 rgb(211,210,212)
```
#dddcde
```
#dddcde rgb(221,220,222)
```
#e6e6e7
```
#e6e6e7 rgb(230,230,231)
```
#f0f0f1
```
#f0f0f1 rgb(240,240,241)
```
#fafafa
```
#fafafa rgb(250,250,250)
```

Tint Color Variation

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

#535156
```
#535156 rgb(83,81,86)
```
#524b5c
```
#524b5c rgb(82,75,92)
```
#504463
```
#504463 rgb(80,68,99)
```
#4f3e69
```
#4f3e69 rgb(79,62,105)
```
#4e3770
```
#4e3770 rgb(78,55,112)
```
#4d3176
```
#4d3176 rgb(77,49,118)
```
#4b2a7d
```
#4b2a7d rgb(75,42,125)
```
#4a2483
```
#4a2483 rgb(74,36,131)
```
#491e89
```
#491e89 rgb(73,30,137)
```
#471790
```
#471790 rgb(71,23,144)
```
#461196
```
#461196 rgb(70,17,150)
```
#450a9d
```
#450a9d rgb(69,10,157)
```
#4404a3
```
#4404a3 rgb(68,4,163)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#525253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5a5e Protanopia 1% of men
#61585f Deuteranopia 1% of men
#5c5960 Tritanopia 0.001% of the population

Trichromacy

#58565b Protanomaly 1% of men, 0.01% of women
#5b555b Deuteranomaly 6% of men, 0.4% of women
#58565c Tritanomaly 0.01% of the population

#535156 hex color

#535156 Color Information

#535156 Color Conversion

Color Schemes with #535156

Alternatives to #535156

#535156 Preview

Shades and Tints of #535156

Tones of #535156

Color Blindness Simulator