#535260 hex color

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

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

● #535260 color description : Very dark grayish blue.

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

Hex triplet	535260	`#535260`
RGB Decimal	83, 82, 96	`rgb(83,82,96)`
RGB Percent	32.5, 32.2, 37.6	`rgb(32.5%,32.2%,37.6%)`
CMYK	14, 15, 0, 62
HSL	244.3°, 7.9, 34.9	`hsl(244.3,7.9%,34.9%)`
HSV (or HSB)	244.3°, 14.6, 37.6
Web Safe	666666	`#666666`

CIE-LAB	35.436, 3.591, -7.974
XYZ	8.696, 8.718, 12.29
xyY	0.293, 0.293, 8.718
CIE-LCH	35.436, 8.746, 294.245
CIE-LUV	35.436, -0.273, -10.77
Hunter-Lab	29.526, 0.897, -4.011
Binary	01010011, 01010010, 01100000

#535260
```
#535260 rgb(83,82,96)
```
#5f6052
```
#5f6052 rgb(95,96,82)
```

Complementary Color

#525860
```
#525860 rgb(82,88,96)
```
#535260
```
#535260 rgb(83,82,96)
```
#5a5260
```
#5a5260 rgb(90,82,96)
```

Analogous Color

#586052
```
#586052 rgb(88,96,82)
```
#535260
```
#535260 rgb(83,82,96)
```
#605a52
```
#605a52 rgb(96,90,82)
```

Split Complementary Color

#526053
```
#526053 rgb(82,96,83)
```
#535260
```
#535260 rgb(83,82,96)
```
#605352
```
#605352 rgb(96,83,82)
```

Triadic Color

#525f60
```
#525f60 rgb(82,95,96)
```
#535260
```
#535260 rgb(83,82,96)
```
#605352
```
#605352 rgb(96,83,82)
```
#5f6052
```
#5f6052 rgb(95,96,82)
```

Tetradic Color

#2f2f37
```
#2f2f37 rgb(47,47,55)
```
#3b3b44
```
#3b3b44 rgb(59,59,68)
```
#474652
```
#474652 rgb(71,70,82)
```
#535260
```
#535260 rgb(83,82,96)
```
#5f5e6e
```
#5f5e6e rgb(95,94,110)
```
#6b697c
```
#6b697c rgb(107,105,124)
```
#777589
```
#777589 rgb(119,117,137)
```

Monochromatic Color

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

#525560
```
#525560 rgb(82,85,96)
```
#525360
```
#525360 rgb(82,83,96)
```
#525260
```
#525260 rgb(82,82,96)
```
#535260
```
#535260 rgb(83,82,96)
```
#545260
```
#545260 rgb(84,82,96)
```
#555260
```
#555260 rgb(85,82,96)
```
#575260
```
#575260 rgb(87,82,96)
```

Similar Colors

Text with hexadecimal color #535260

This text has a font color of #535260.

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

#535260 background color

This paragraph has a background color of #535260.

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

#535260 border color

This element has a border color of #535260.

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

CSS codes

.text {color:#535260;}

.background {background-color:#535260;}

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

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)
```
#1c1c21
```
#1c1c21 rgb(28,28,33)
```
#25252b
```
#25252b rgb(37,37,43)
```
#2e2e36
```
#2e2e36 rgb(46,46,54)
```
#383740
```
#383740 rgb(56,55,64)
```
#41404b
```
#41404b rgb(65,64,75)
```
#4a4955
```
#4a4955 rgb(74,73,85)
```
#535260
```
#535260 rgb(83,82,96)
```
#5c5b6b
```
#5c5b6b rgb(92,91,107)
```
#656475
```
#656475 rgb(101,100,117)
```
#6e6d80
```
#6e6d80 rgb(110,109,128)
```

Shade Color Variation

#78768a
```
#78768a rgb(120,118,138)
```
#828193
```
#828193 rgb(130,129,147)
```
#8d8b9c
```
#8d8b9c rgb(141,139,156)
```
#9796a5
```
#9796a5 rgb(151,150,165)
```
#a2a1ae
```
#a2a1ae rgb(162,161,174)
```
#acabb7
```
#acabb7 rgb(172,171,183)
```
#b6b6c0
```
#b6b6c0 rgb(182,182,192)
```
#c1c0c9
```
#c1c0c9 rgb(193,192,201)
```
#cbcbd2
```
#cbcbd2 rgb(203,203,210)
```
#d6d5dc
```
#d6d5dc rgb(214,213,220)
```
#e0e0e5
```
#e0e0e5 rgb(224,224,229)
```
#ebebee
```
#ebebee rgb(235,235,238)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#595959
```
#595959 rgb(89,89,89)
```
#535260
```
#535260 rgb(83,82,96)
```
#4d4b67
```
#4d4b67 rgb(77,75,103)
```
#47446e
```
#47446e rgb(71,68,110)
```
#413d75
```
#413d75 rgb(65,61,117)
```
#3c377b
```
#3c377b rgb(60,55,123)
```
#363082
```
#363082 rgb(54,48,130)
```
#302989
```
#302989 rgb(48,41,137)
```
#2a2290
```
#2a2290 rgb(42,34,144)
```
#241b97
```
#241b97 rgb(36,27,151)
```
#1e149e
```
#1e149e rgb(30,20,158)
```
#180ea4
```
#180ea4 rgb(24,14,164)
```
#1207ab
```
#1207ab rgb(18,7,171)
```

Tone Color Variation

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

#595b68 Protanopia 1% of men
#5e5a68 Deuteranopia 1% of men
#5a5c62 Tritanopia 0.001% of the population

Trichromacy

#575865 Protanomaly 1% of men, 0.01% of women
#5a5765 Deuteranomaly 6% of men, 0.4% of women
#575861 Tritanomaly 0.01% of the population

#535260 hex color

#535260 Color Information

#535260 Color Conversion

Color Schemes with #535260

Alternatives to #535260

#535260 Preview

Shades and Tints of #535260

Tones of #535260

Color Blindness Simulator