#535360 hex color

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

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

● #535360 color description : Very dark grayish blue.

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

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

CIE-LAB	35.733, 2.965, -7.528
XYZ	8.771, 8.87, 12.316
xyY	0.293, 0.296, 8.87
CIE-LCH	35.733, 8.091, 291.497
CIE-LUV	35.733, -0.732, -10.118
Hunter-Lab	29.783, 0.452, -3.67
Binary	01010011, 01010011, 01100000

#535360
```
#535360 rgb(83,83,96)
```
#606053
```
#606053 rgb(96,96,83)
```

Complementary Color

#535a60
```
#535a60 rgb(83,90,96)
```
#535360
```
#535360 rgb(83,83,96)
```
#5a5360
```
#5a5360 rgb(90,83,96)
```

Analogous Color

#5a6053
```
#5a6053 rgb(90,96,83)
```
#535360
```
#535360 rgb(83,83,96)
```
#605a53
```
#605a53 rgb(96,90,83)
```

Split Complementary Color

#536053
```
#536053 rgb(83,96,83)
```
#535360
```
#535360 rgb(83,83,96)
```
#605353
```
#605353 rgb(96,83,83)
```

Triadic Color

#536060
```
#536060 rgb(83,96,96)
```
#535360
```
#535360 rgb(83,83,96)
```
#605353
```
#605353 rgb(96,83,83)
```
#606053
```
#606053 rgb(96,96,83)
```

Tetradic Color

#303037
```
#303037 rgb(48,48,55)
```
#3b3b45
```
#3b3b45 rgb(59,59,69)
```
#474752
```
#474752 rgb(71,71,82)
```
#535360
```
#535360 rgb(83,83,96)
```
#5f5f6e
```
#5f5f6e rgb(95,95,110)
```
#6b6b7b
```
#6b6b7b rgb(107,107,123)
```
#777789
```
#777789 rgb(119,119,137)
```

Monochromatic Color

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

#535660
```
#535660 rgb(83,86,96)
```
#535560
```
#535560 rgb(83,85,96)
```
#535460
```
#535460 rgb(83,84,96)
```
#535360
```
#535360 rgb(83,83,96)
```
#545360
```
#545360 rgb(84,83,96)
```
#555360
```
#555360 rgb(85,83,96)
```
#565360
```
#565360 rgb(86,83,96)
```

Similar Colors

Text with hexadecimal color #535360

This text has a font color of #535360.

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

#535360 background color

This paragraph has a background color of #535360.

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

#535360 border color

This element has a border color of #535360.

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

CSS codes

.text {color:#535360;}

.background {background-color:#535360;}

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

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)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#131316
```
#131316 rgb(19,19,22)
```
#1c1c21
```
#1c1c21 rgb(28,28,33)
```
#26262b
```
#26262b rgb(38,38,43)
```
#2f2f36
```
#2f2f36 rgb(47,47,54)
```
#383840
```
#383840 rgb(56,56,64)
```
#41414b
```
#41414b rgb(65,65,75)
```
#4a4a55
```
#4a4a55 rgb(74,74,85)
```
#535360
```
#535360 rgb(83,83,96)
```
#5c5c6b
```
#5c5c6b rgb(92,92,107)
```
#656575
```
#656575 rgb(101,101,117)
```
#6e6e80
```
#6e6e80 rgb(110,110,128)
```

Shade Color Variation

#78788a
```
#78788a rgb(120,120,138)
```
#828293
```
#828293 rgb(130,130,147)
```
#8d8d9c
```
#8d8d9c rgb(141,141,156)
```
#9797a5
```
#9797a5 rgb(151,151,165)
```
#a2a2ae
```
#a2a2ae rgb(162,162,174)
```
#acacb7
```
#acacb7 rgb(172,172,183)
```
#b7b7c0
```
#b7b7c0 rgb(183,183,192)
```
#c1c1ca
```
#c1c1ca rgb(193,193,202)
```
#ccccd3
```
#ccccd3 rgb(204,204,211)
```
#d6d6dc
```
#d6d6dc rgb(214,214,220)
```
#e1e1e5
```
#e1e1e5 rgb(225,225,229)
```
#ebebee
```
#ebebee rgb(235,235,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#535360
```
#535360 rgb(83,83,96)
```
#4c4c67
```
#4c4c67 rgb(76,76,103)
```
#45456e
```
#45456e rgb(69,69,110)
```
#3e3e75
```
#3e3e75 rgb(62,62,117)
```
#37377c
```
#37377c rgb(55,55,124)
```
#313182
```
#313182 rgb(49,49,130)
```
#2a2a89
```
#2a2a89 rgb(42,42,137)
```
#232390
```
#232390 rgb(35,35,144)
```
#1c1c97
```
#1c1c97 rgb(28,28,151)
```
#15159e
```
#15159e rgb(21,21,158)
```
#0e0ea5
```
#0e0ea5 rgb(14,14,165)
```
#0707ac
```
#0707ac rgb(7,7,172)
```
#0000b3
```
#0000b3 rgb(0,0,179)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#545456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c68 Protanopia 1% of men
#5f5a68 Deuteranopia 1% of men
#5a5c63 Tritanopia 0.001% of the population

Trichromacy

#585865 Protanomaly 1% of men, 0.01% of women
#5b5765 Deuteranomaly 6% of men, 0.4% of women
#585962 Tritanomaly 0.01% of the population

#535360 hex color

#535360 Color Information

#535360 Color Conversion

Color Schemes with #535360

Alternatives to #535360

#535360 Preview

Shades and Tints of #535360

Tones of #535360

Color Blindness Simulator