#535d6b hex color

In a RGB color space, hex #535d6b is composed of 32.5% red, 36.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 13.1% magenta, 0% yellow and 58% black. It has a hue angle of 215 degrees, a saturation of 12.6% and a lightness of 37.3%. #535d6b color hex could be obtained by blending #a6bad6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 36
- B 42
RGB color chart
- C 22
- M 13
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #535d6b has RGB values of R:83, G:93, B:107 and CMYK values of C:0.22, M:0.13, Y:0, K:0.58. Its decimal value is 5463403.

Hex triplet	535d6b	`#535d6b`
RGB Decimal	83, 93, 107	`rgb(83,93,107)`
RGB Percent	32.5, 36.5, 42	`rgb(32.5%,36.5%,42%)`
CMYK	22, 13, 0, 58
HSL	215°, 12.6, 37.3	`hsl(215,12.6%,37.3%)`
HSV (or HSB)	215°, 22.4, 42
Web Safe	666666	`#666666`

CIE-LAB	39.12, -0.488, -9.273
XYZ	10.135, 10.729, 15.446
xyY	0.279, 0.295, 10.729
CIE-LCH	39.12, 9.285, 266.987
CIE-LUV	39.12, -5.784, -12.302
Hunter-Lab	32.755, -2.091, -5.03
Binary	01010011, 01011101, 01101011

#535d6b
```
#535d6b rgb(83,93,107)
```
#6b6153
```
#6b6153 rgb(107,97,83)
```

Complementary Color

#53696b
```
#53696b rgb(83,105,107)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#55536b
```
#55536b rgb(85,83,107)
```

Analogous Color

#696b53
```
#696b53 rgb(105,107,83)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#6b5553
```
#6b5553 rgb(107,85,83)
```

Split Complementary Color

#5d6b53
```
#5d6b53 rgb(93,107,83)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#6b535d
```
#6b535d rgb(107,83,93)
```

Triadic Color

#536b61
```
#536b61 rgb(83,107,97)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#6b535d
```
#6b535d rgb(107,83,93)
```
#6b6153
```
#6b6153 rgb(107,97,83)
```

Tetradic Color

#323840
```
#323840 rgb(50,56,64)
```
#3d444e
```
#3d444e rgb(61,68,78)
```
#48515d
```
#48515d rgb(72,81,93)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#5e6979
```
#5e6979 rgb(94,105,121)
```
#697688
```
#697688 rgb(105,118,136)
```
#768395
```
#768395 rgb(118,131,149)
```

Monochromatic Color

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

#53636b
```
#53636b rgb(83,99,107)
```
#53616b
```
#53616b rgb(83,97,107)
```
#535f6b
```
#535f6b rgb(83,95,107)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#535b6b
```
#535b6b rgb(83,91,107)
```
#53596b
```
#53596b rgb(83,89,107)
```
#53576b
```
#53576b rgb(83,87,107)
```

Similar Colors

Text with hexadecimal color #535d6b

This text has a font color of #535d6b.

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

#535d6b background color

This paragraph has a background color of #535d6b.

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

#535d6b border color

This element has a border color of #535d6b.

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

CSS codes

.text {color:#535d6b;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1013
```
#0e1013 rgb(14,16,19)
```
#171a1e
```
#171a1e rgb(23,26,30)
```
#202329
```
#202329 rgb(32,35,41)
```
#282d34
```
#282d34 rgb(40,45,52)
```
#31373f
```
#31373f rgb(49,55,63)
```
#39404a
```
#39404a rgb(57,64,74)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#4a5360
```
#4a5360 rgb(74,83,96)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#5c6776
```
#5c6776 rgb(92,103,118)
```
#647081
```
#647081 rgb(100,112,129)
```
#6d7a8c
```
#6d7a8c rgb(109,122,140)
```

Shade Color Variation

#778495
```
#778495 rgb(119,132,149)
```
#828e9e
```
#828e9e rgb(130,142,158)
```
#8d98a7
```
#8d98a7 rgb(141,152,167)
```
#98a2af
```
#98a2af rgb(152,162,175)
```
#a3acb8
```
#a3acb8 rgb(163,172,184)
```
#aeb6c0
```
#aeb6c0 rgb(174,182,192)
```
#b9c0c9
```
#b9c0c9 rgb(185,192,201)
```
#c4cad1
```
#c4cad1 rgb(196,202,209)
```
#cfd4da
```
#cfd4da rgb(207,212,218)
```
#dadee3
```
#dadee3 rgb(218,222,227)
```
#e5e8eb
```
#e5e8eb rgb(229,232,235)
```
#f0f2f4
```
#f0f2f4 rgb(240,242,244)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#5a5e64
```
#5a5e64 rgb(90,94,100)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#4c5c72
```
#4c5c72 rgb(76,92,114)
```
#445b7a
```
#445b7a rgb(68,91,122)
```
#3d5981
```
#3d5981 rgb(61,89,129)
```
#365888
```
#365888 rgb(54,88,136)
```
#2e5790
```
#2e5790 rgb(46,87,144)
```
#275697
```
#275697 rgb(39,86,151)
```
#20549e
```
#20549e rgb(32,84,158)
```
#1953a5
```
#1953a5 rgb(25,83,165)
```
#1152ad
```
#1152ad rgb(17,82,173)
```
#0a51b4
```
#0a51b4 rgb(10,81,180)
```
#0350bb
```
#0350bb rgb(3,80,187)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#626371 Protanopia 1% of men
#666273 Deuteranopia 1% of men
#5a666d Tritanopia 0.001% of the population

Trichromacy

#5c616f Protanomaly 1% of men, 0.01% of women
#5f6070 Deuteranomaly 6% of men, 0.4% of women
#57626c Tritanomaly 0.01% of the population

#535d6b hex color

#535d6b Color Information

#535d6b Color Conversion

Color Schemes with #535d6b

Alternatives to #535d6b

#535d6b Preview

Shades and Tints of #535d6b

Tones of #535d6b

Color Blindness Simulator