#535a59 hex color

In a RGB color space, hex #535a59 is composed of 32.5% red, 35.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 1.1% yellow and 64.7% black. It has a hue angle of 171.4 degrees, a saturation of 4% and a lightness of 33.9%. #535a59 color hex could be obtained by blending #a6b4b2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 35
- B 35
RGB color chart
- C 8
- M 0
- Y 1
- K 65
CMYK color chart

● #535a59 color description : Very dark grayish cyan.

The hexadecimal color #535a59 has RGB values of R:83, G:90, B:89 and CMYK values of C:0.08, M:0, Y:0.01, K:0.65. Its decimal value is 5462617.

Hex triplet	535a59	`#535a59`
RGB Decimal	83, 90, 89	`rgb(83,90,89)`
RGB Percent	32.5, 35.3, 34.9	`rgb(32.5%,35.3%,34.9%)`
CMYK	8, 0, 1, 65
HSL	171.4°, 4, 33.9	`hsl(171.4,4%,33.9%)`
HSV (or HSB)	171.4°, 7.8, 35.3
Web Safe	666666	`#666666`

CIE-LAB	37.613, -2.971, -0.375
XYZ	9.026, 9.873, 10.881
xyY	0.303, 0.332, 9.873
CIE-LCH	37.613, 2.994, 187.186
CIE-LUV	37.613, -3.701, -0.044
Hunter-Lab	31.421, -3.708, 1.463
Binary	01010011, 01011010, 01011001

#535a59
```
#535a59 rgb(83,90,89)
```
#5a5354
```
#5a5354 rgb(90,83,84)
```

Complementary Color

#535a56
```
#535a56 rgb(83,90,86)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#53585a
```
#53585a rgb(83,88,90)
```

Analogous Color

#5a5653
```
#5a5653 rgb(90,86,83)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#5a5358
```
#5a5358 rgb(90,83,88)
```

Split Complementary Color

#5a5953
```
#5a5953 rgb(90,89,83)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#59535a
```
#59535a rgb(89,83,90)
```

Triadic Color

#545a53
```
#545a53 rgb(84,90,83)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#59535a
```
#59535a rgb(89,83,90)
```
#5a5354
```
#5a5354 rgb(90,83,84)
```

Tetradic Color

#2e3232
```
#2e3232 rgb(46,50,50)
```
#3b3f3f
```
#3b3f3f rgb(59,63,63)
```
#474d4c
```
#474d4c rgb(71,77,76)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#6b7573
```
#6b7573 rgb(107,117,115)
```
#788280
```
#788280 rgb(120,130,128)
```

Monochromatic Color

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

#535a57
```
#535a57 rgb(83,90,87)
```
#535a58
```
#535a58 rgb(83,90,88)
```
#535a58
```
#535a58 rgb(83,90,88)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#535a5a
```
#535a5a rgb(83,90,90)
```
#535a5a
```
#535a5a rgb(83,90,90)
```
#53595a
```
#53595a rgb(83,89,90)
```

Similar Colors

Text with hexadecimal color #535a59

This text has a font color of #535a59.

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

#535a59 background color

This paragraph has a background color of #535a59.

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

#535a59 border color

This element has a border color of #535a59.

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

CSS codes

.text {color:#535a59;}

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

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

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

#080808
```
#080808 rgb(8,8,8)
```
#111312
```
#111312 rgb(17,19,18)
```
#1b1d1c
```
#1b1d1c rgb(27,29,28)
```
#242727
```
#242727 rgb(36,39,39)
```
#2d3131
```
#2d3131 rgb(45,49,49)
```
#373b3b
```
#373b3b rgb(55,59,59)
```
#404645
```
#404645 rgb(64,70,69)
```
#4a504f
```
#4a504f rgb(74,80,79)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#5c6463
```
#5c6463 rgb(92,100,99)
```
#666e6d
```
#666e6d rgb(102,110,109)
```
#6f7977
```
#6f7977 rgb(111,121,119)
```
#798381
```
#798381 rgb(121,131,129)
```

Shade Color Variation

#838c8b
```
#838c8b rgb(131,140,139)
```
#8d9695
```
#8d9695 rgb(141,150,149)
```
#979f9e
```
#979f9e rgb(151,159,158)
```
#a1a9a8
```
#a1a9a8 rgb(161,169,168)
```
#acb2b1
```
#acb2b1 rgb(172,178,177)
```
#b6bbbb
```
#b6bbbb rgb(182,187,187)
```
#c0c5c4
```
#c0c5c4 rgb(192,197,196)
```
#cacece
```
#cacece rgb(202,206,206)
```
#d4d8d7
```
#d4d8d7 rgb(212,216,215)
```
#dfe1e1
```
#dfe1e1 rgb(223,225,225)
```
#e9eaea
```
#e9eaea rgb(233,234,234)
```
#f3f4f4
```
#f3f4f4 rgb(243,244,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#535a59
```
#535a59 rgb(83,90,89)
```
#4c615e
```
#4c615e rgb(76,97,94)
```
#466763
```
#466763 rgb(70,103,99)
```
#3f6e67
```
#3f6e67 rgb(63,110,103)
```
#38756c
```
#38756c rgb(56,117,108)
```
#327b71
```
#327b71 rgb(50,123,113)
```
#2b8276
```
#2b8276 rgb(43,130,118)
```
#24897a
```
#24897a rgb(36,137,122)
```
#1e8f7f
```
#1e8f7f rgb(30,143,127)
```
#179684
```
#179684 rgb(23,150,132)
```
#109d89
```
#109d89 rgb(16,157,137)
```
#0aa38d
```
#0aa38d rgb(10,163,141)
```
#03aa92
```
#03aa92 rgb(3,170,146)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#575858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626060 Protanopia 1% of men
#695e63 Deuteranopia 1% of men
#5d6168 Tritanopia 0.001% of the population

Trichromacy

#5d5e5d Protanomaly 1% of men, 0.01% of women
#615c5f Deuteranomaly 6% of men, 0.4% of women
#595e62 Tritanomaly 0.01% of the population

#535a59 hex color

#535a59 Color Information

#535a59 Color Conversion

Color Schemes with #535a59

Alternatives to #535a59

#535a59 Preview

Shades and Tints of #535a59

Tones of #535a59

Color Blindness Simulator