#535161 hex color

In a RGB color space, hex #535161 is composed of 32.5% red, 31.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 16.5% magenta, 0% yellow and 62% black. It has a hue angle of 247.5 degrees, a saturation of 9% and a lightness of 34.9%. #535161 color hex could be obtained by blending #a6a2c2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 32
- B 38
RGB color chart
- C 14
- M 16
- Y 0
- K 62
CMYK color chart

● #535161 color description : Very dark grayish blue.

The hexadecimal color #535161 has RGB values of R:83, G:81, B:97 and CMYK values of C:0.14, M:0.16, Y:0, K:0.62. Its decimal value is 5460321.

Hex triplet	535161	`#535161`
RGB Decimal	83, 81, 97	`rgb(83,81,97)`
RGB Percent	32.5, 31.8, 38	`rgb(32.5%,31.8%,38%)`
CMYK	14, 16, 0, 62
HSL	247.5°, 9, 34.9	`hsl(247.5,9%,34.9%)`
HSV (or HSB)	247.5°, 16.5, 38
Web Safe	666666	`#666666`

CIE-LAB	35.176, 4.462, -8.992
XYZ	8.667, 8.587, 12.509
xyY	0.291, 0.289, 8.587
CIE-LCH	35.176, 10.039, 296.393
CIE-LUV	35.176, 0.121, -12.22
Hunter-Lab	29.303, 1.513, -4.798
Binary	01010011, 01010001, 01100001

#535161
```
#535161 rgb(83,81,97)
```
#5f6151
```
#5f6151 rgb(95,97,81)
```

Complementary Color

#515761
```
#515761 rgb(81,87,97)
```
#535161
```
#535161 rgb(83,81,97)
```
#5b5161
```
#5b5161 rgb(91,81,97)
```

Analogous Color

#576151
```
#576151 rgb(87,97,81)
```
#535161
```
#535161 rgb(83,81,97)
```
#615b51
```
#615b51 rgb(97,91,81)
```

Split Complementary Color

#516153
```
#516153 rgb(81,97,83)
```
#535161
```
#535161 rgb(83,81,97)
```
#615351
```
#615351 rgb(97,83,81)
```

Triadic Color

#515f61
```
#515f61 rgb(81,95,97)
```
#535161
```
#535161 rgb(83,81,97)
```
#615351
```
#615351 rgb(97,83,81)
```
#5f6151
```
#5f6151 rgb(95,97,81)
```

Tetradic Color

#2f2e37
```
#2f2e37 rgb(47,46,55)
```
#3b3a45
```
#3b3a45 rgb(59,58,69)
```
#474553
```
#474553 rgb(71,69,83)
```
#535161
```
#535161 rgb(83,81,97)
```
#5f5d6f
```
#5f5d6f rgb(95,93,111)
```
#6b687d
```
#6b687d rgb(107,104,125)
```
#77748b
```
#77748b rgb(119,116,139)
```

Monochromatic Color

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

#515361
```
#515361 rgb(81,83,97)
```
#515261
```
#515261 rgb(81,82,97)
```
#525161
```
#525161 rgb(82,81,97)
```
#535161
```
#535161 rgb(83,81,97)
```
#545161
```
#545161 rgb(84,81,97)
```
#565161
```
#565161 rgb(86,81,97)
```
#575161
```
#575161 rgb(87,81,97)
```

Similar Colors

Text with hexadecimal color #535161

This text has a font color of #535161.

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

#535161 background color

This paragraph has a background color of #535161.

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

#535161 border color

This element has a border color of #535161.

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

CSS codes

.text {color:#535161;}

.background {background-color:#535161;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131316
```
#131316 rgb(19,19,22)
```
#1c1b21
```
#1c1b21 rgb(28,27,33)
```
#25242c
```
#25242c rgb(37,36,44)
```
#2e2d36
```
#2e2d36 rgb(46,45,54)
```
#383641
```
#383641 rgb(56,54,65)
```
#413f4c
```
#413f4c rgb(65,63,76)
```
#4a4856
```
#4a4856 rgb(74,72,86)
```
#535161
```
#535161 rgb(83,81,97)
```
#5c5a6c
```
#5c5a6c rgb(92,90,108)
```
#656376
```
#656376 rgb(101,99,118)
```
#6e6c81
```
#6e6c81 rgb(110,108,129)
```

Shade Color Variation

#78758c
```
#78758c rgb(120,117,140)
```
#828095
```
#828095 rgb(130,128,149)
```
#8d8a9d
```
#8d8a9d rgb(141,138,157)
```
#9795a6
```
#9795a6 rgb(151,149,166)
```
#a2a0af
```
#a2a0af rgb(162,160,175)
```
#acaab8
```
#acaab8 rgb(172,170,184)
```
#b6b5c1
```
#b6b5c1 rgb(182,181,193)
```
#c1c0ca
```
#c1c0ca rgb(193,192,202)
```
#cbcad3
```
#cbcad3 rgb(203,202,211)
```
#d6d5dc
```
#d6d5dc rgb(214,213,220)
```
#e0e0e5
```
#e0e0e5 rgb(224,224,229)
```
#ebeaee
```
#ebeaee rgb(235,234,238)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#58585a
```
#58585a rgb(88,88,90)
```
#535161
```
#535161 rgb(83,81,97)
```
#4e4a68
```
#4e4a68 rgb(78,74,104)
```
#49436f
```
#49436f rgb(73,67,111)
```
#443c76
```
#443c76 rgb(68,60,118)
```
#3e367c
```
#3e367c rgb(62,54,124)
```
#392f83
```
#392f83 rgb(57,47,131)
```
#34288a
```
#34288a rgb(52,40,138)
```
#2f2191
```
#2f2191 rgb(47,33,145)
```
#2a1a98
```
#2a1a98 rgb(42,26,152)
```
#25139f
```
#25139f rgb(37,19,159)
```
#200da5
```
#200da5 rgb(32,13,165)
```
#1b06ac
```
#1b06ac rgb(27,6,172)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#535356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585a69 Protanopia 1% of men
#5d5969 Deuteranopia 1% of men
#5a5b61 Tritanopia 0.001% of the population

Trichromacy

#565766 Protanomaly 1% of men, 0.01% of women
#595666 Deuteranomaly 6% of men, 0.4% of women
#575761 Tritanomaly 0.01% of the population

#535161 hex color

#535161 Color Information

#535161 Color Conversion

Color Schemes with #535161

Alternatives to #535161

#535161 Preview

Shades and Tints of #535161

Tones of #535161

Color Blindness Simulator