#535d61 hex color

In a RGB color space, hex #535d61 is composed of 32.5% red, 36.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 4.1% magenta, 0% yellow and 62% black. It has a hue angle of 197.1 degrees, a saturation of 7.8% and a lightness of 35.3%. #535d61 color hex could be obtained by blending #a6bac2 with #000000. Closest websafe color is: #666666.

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

● #535d61 color description : Very dark grayish blue.

The hexadecimal color #535d61 has RGB values of R:83, G:93, B:97 and CMYK values of C:0.14, M:0.04, Y:0, K:0.62. Its decimal value is 5463393.

Hex triplet	535d61	`#535d61`
RGB Decimal	83, 93, 97	`rgb(83,93,97)`
RGB Percent	32.5, 36.5, 38	`rgb(32.5%,36.5%,38%)`
CMYK	14, 4, 0, 62
HSL	197.1°, 7.8, 35.3	`hsl(197.1,7.8%,35.3%)`
HSV (or HSB)	197.1°, 14.4, 38
Web Safe	666666	`#666666`

CIE-LAB	38.778, -2.948, -3.614
XYZ	9.639, 10.531, 12.833
xyY	0.292, 0.319, 10.531
CIE-LCH	38.778, 4.664, 230.8
CIE-LUV	38.778, -5.428, -4.275
Hunter-Lab	32.451, -3.77, -0.732
Binary	01010011, 01011101, 01100001

#535d61
```
#535d61 rgb(83,93,97)
```
#615753
```
#615753 rgb(97,87,83)
```

Complementary Color

#53615e
```
#53615e rgb(83,97,94)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#535661
```
#535661 rgb(83,86,97)
```

Analogous Color

#615e53
```
#615e53 rgb(97,94,83)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#615356
```
#615356 rgb(97,83,86)
```

Split Complementary Color

#5d6153
```
#5d6153 rgb(93,97,83)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#61535d
```
#61535d rgb(97,83,93)
```

Triadic Color

#536157
```
#536157 rgb(83,97,87)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#61535d
```
#61535d rgb(97,83,93)
```
#615753
```
#615753 rgb(97,87,83)
```

Tetradic Color

#303538
```
#303538 rgb(48,53,56)
```
#3b4346
```
#3b4346 rgb(59,67,70)
```
#475053
```
#475053 rgb(71,80,83)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#5f6a6f
```
#5f6a6f rgb(95,106,111)
```
#6b777c
```
#6b777c rgb(107,119,124)
```
#76848a
```
#76848a rgb(118,132,138)
```

Monochromatic Color

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

#536161
```
#536161 rgb(83,97,97)
```
#535f61
```
#535f61 rgb(83,95,97)
```
#535e61
```
#535e61 rgb(83,94,97)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#535c61
```
#535c61 rgb(83,92,97)
```
#535b61
```
#535b61 rgb(83,91,97)
```
#535a61
```
#535a61 rgb(83,90,97)
```

Similar Colors

Text with hexadecimal color #535d61

This text has a font color of #535d61.

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

#535d61 background color

This paragraph has a background color of #535d61.

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

#535d61 border color

This element has a border color of #535d61.

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

CSS codes

.text {color:#535d61;}

.background {background-color:#535d61;}

.border {border:1px solid #535d61;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0c
```
#0b0c0c rgb(11,12,12)
```
#141617
```
#141617 rgb(20,22,23)
```
#1d2022
```
#1d2022 rgb(29,32,34)
```
#262a2c
```
#262a2c rgb(38,42,44)
```
#2f3437
```
#2f3437 rgb(47,52,55)
```
#383f41
```
#383f41 rgb(56,63,65)
```
#41494c
```
#41494c rgb(65,73,76)
```
#4a5356
```
#4a5356 rgb(74,83,86)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#657176
```
#657176 rgb(101,113,118)
```
#6e7b81
```
#6e7b81 rgb(110,123,129)
```

Shade Color Variation

#77858b
```
#77858b rgb(119,133,139)
```
#828f94
```
#828f94 rgb(130,143,148)
```
#8d989d
```
#8d989d rgb(141,152,157)
```
#97a2a6
```
#97a2a6 rgb(151,162,166)
```
#a2abaf
```
#a2abaf rgb(162,171,175)
```
#acb5b8
```
#acb5b8 rgb(172,181,184)
```
#b7bec1
```
#b7bec1 rgb(183,190,193)
```
#c1c8ca
```
#c1c8ca rgb(193,200,202)
```
#ccd1d3
```
#ccd1d3 rgb(204,209,211)
```
#d7dbdc
```
#d7dbdc rgb(215,219,220)
```
#e1e4e5
```
#e1e4e5 rgb(225,228,229)
```
#eceeef
```
#eceeef rgb(236,238,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#4c6068
```
#4c6068 rgb(76,96,104)
```
#45636f
```
#45636f rgb(69,99,111)
```
#3e6676
```
#3e6676 rgb(62,102,118)
```
#37697d
```
#37697d rgb(55,105,125)
```
#306c84
```
#306c84 rgb(48,108,132)
```
#296f8b
```
#296f8b rgb(41,111,139)
```
#237291
```
#237291 rgb(35,114,145)
```
#1c7598
```
#1c7598 rgb(28,117,152)
```
#15789f
```
#15789f rgb(21,120,159)
```
#0e7ba6
```
#0e7ba6 rgb(14,123,166)
```
#077ead
```
#077ead rgb(7,126,173)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#646368 Protanopia 1% of men
#69616a Deuteranopia 1% of men
#5c646c Tritanopia 0.001% of the population

Trichromacy

#5d6065 Protanomaly 1% of men, 0.01% of women
#615f67 Deuteranomaly 6% of men, 0.4% of women
#596268 Tritanomaly 0.01% of the population

#535d61 hex color

#535d61 Color Information

#535d61 Color Conversion

Color Schemes with #535d61

Alternatives to #535d61

#535d61 Preview

Shades and Tints of #535d61

Tones of #535d61

Color Blindness Simulator