#535860 hex color

In a RGB color space, hex #535860 is composed of 32.5% red, 34.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 8.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 216.9 degrees, a saturation of 7.3% and a lightness of 35.1%. #535860 color hex could be obtained by blending #a6b0c0 with #000000. Closest websafe color is: #666666.

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

● #535860 color description : Very dark grayish blue.

The hexadecimal color #535860 has RGB values of R:83, G:88, B:96 and CMYK values of C:0.14, M:0.08, Y:0, K:0.62. Its decimal value is 5462112.

Hex triplet	535860	`#535860`
RGB Decimal	83, 88, 96	`rgb(83,88,96)`
RGB Percent	32.5, 34.5, 37.6	`rgb(32.5%,34.5%,37.6%)`
CMYK	14, 8, 0, 62
HSL	216.9°, 7.3, 35.1	`hsl(216.9,7.3%,35.1%)`
HSV (or HSB)	216.9°, 13.5, 37.6
Web Safe	666666	`#666666`

CIE-LAB	37.23, -0.136, -5.291
XYZ	9.168, 9.663, 12.448
xyY	0.293, 0.309, 9.663
CIE-LCH	37.23, 5.293, 268.523
CIE-LUV	37.23, -3.048, -6.824
Hunter-Lab	31.085, -1.754, -1.983
Binary	01010011, 01011000, 01100000

#535860
```
#535860 rgb(83,88,96)
```
#605b53
```
#605b53 rgb(96,91,83)
```

Complementary Color

#535f60
```
#535f60 rgb(83,95,96)
```
#535860
```
#535860 rgb(83,88,96)
```
#555360
```
#555360 rgb(85,83,96)
```

Analogous Color

#5f6053
```
#5f6053 rgb(95,96,83)
```
#535860
```
#535860 rgb(83,88,96)
```
#605553
```
#605553 rgb(96,85,83)
```

Split Complementary Color

#586053
```
#586053 rgb(88,96,83)
```
#535860
```
#535860 rgb(83,88,96)
```
#605358
```
#605358 rgb(96,83,88)
```

Triadic Color

#53605b
```
#53605b rgb(83,96,91)
```
#535860
```
#535860 rgb(83,88,96)
```
#605358
```
#605358 rgb(96,83,88)
```
#605b53
```
#605b53 rgb(96,91,83)
```

Tetradic Color

#303237
```
#303237 rgb(48,50,55)
```
#3b3f45
```
#3b3f45 rgb(59,63,69)
```
#474b52
```
#474b52 rgb(71,75,82)
```
#535860
```
#535860 rgb(83,88,96)
```
#5f656e
```
#5f656e rgb(95,101,110)
```
#6b717b
```
#6b717b rgb(107,113,123)
```
#777e89
```
#777e89 rgb(119,126,137)
```

Monochromatic Color

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

#535b60
```
#535b60 rgb(83,91,96)
```
#535a60
```
#535a60 rgb(83,90,96)
```
#535960
```
#535960 rgb(83,89,96)
```
#535860
```
#535860 rgb(83,88,96)
```
#535760
```
#535760 rgb(83,87,96)
```
#535660
```
#535660 rgb(83,86,96)
```
#535560
```
#535560 rgb(83,85,96)
```

Similar Colors

Text with hexadecimal color #535860

This text has a font color of #535860.

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

#535860 background color

This paragraph has a background color of #535860.

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

#535860 border color

This element has a border color of #535860.

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

CSS codes

.text {color:#535860;}

.background {background-color:#535860;}

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

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 #f6f6f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#131416
```
#131416 rgb(19,20,22)
```
#1c1e21
```
#1c1e21 rgb(28,30,33)
```
#26282b
```
#26282b rgb(38,40,43)
```
#2f3136
```
#2f3136 rgb(47,49,54)
```
#383b40
```
#383b40 rgb(56,59,64)
```
#41454b
```
#41454b rgb(65,69,75)
```
#4a4e55
```
#4a4e55 rgb(74,78,85)
```
#535860
```
#535860 rgb(83,88,96)
```
#5c626b
```
#5c626b rgb(92,98,107)
```
#656b75
```
#656b75 rgb(101,107,117)
```
#6e7580
```
#6e7580 rgb(110,117,128)
```

Shade Color Variation

#787f8a
```
#787f8a rgb(120,127,138)
```
#828993
```
#828993 rgb(130,137,147)
```
#8d939c
```
#8d939c rgb(141,147,156)
```
#979da5
```
#979da5 rgb(151,157,165)
```
#a2a7ae
```
#a2a7ae rgb(162,167,174)
```
#acb0b7
```
#acb0b7 rgb(172,176,183)
```
#b7bac0
```
#b7bac0 rgb(183,186,192)
```
#c1c4ca
```
#c1c4ca rgb(193,196,202)
```
#ccced3
```
#ccced3 rgb(204,206,211)
```
#d6d8dc
```
#d6d8dc rgb(214,216,220)
```
#e1e2e5
```
#e1e2e5 rgb(225,226,229)
```
#ebecee
```
#ebecee rgb(235,236,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#535860
```
#535860 rgb(83,88,96)
```
#4c5667
```
#4c5667 rgb(76,86,103)
```
#45556e
```
#45556e rgb(69,85,110)
```
#3e5375
```
#3e5375 rgb(62,83,117)
```
#37527c
```
#37527c rgb(55,82,124)
```
#315082
```
#315082 rgb(49,80,130)
```
#2a4e89
```
#2a4e89 rgb(42,78,137)
```
#234d90
```
#234d90 rgb(35,77,144)
```
#1c4b97
```
#1c4b97 rgb(28,75,151)
```
#154a9e
```
#154a9e rgb(21,74,158)
```
#0e48a5
```
#0e48a5 rgb(14,72,165)
```
#0747ac
```
#0747ac rgb(7,71,172)
```
#0045b3
```
#0045b3 rgb(0,69,179)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5f67 Protanopia 1% of men
#645d69 Deuteranopia 1% of men
#5b6067 Tritanopia 0.001% of the population

Trichromacy

#5b5c64 Protanomaly 1% of men, 0.01% of women
#5e5b65 Deuteranomaly 6% of men, 0.4% of women
#585d64 Tritanomaly 0.01% of the population

#535860 hex color

#535860 Color Information

#535860 Color Conversion

Color Schemes with #535860

Alternatives to #535860

#535860 Preview

Shades and Tints of #535860

Tones of #535860

Color Blindness Simulator