#535667 hex color

In a RGB color space, hex #535667 is composed of 32.5% red, 33.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 16.5% magenta, 0% yellow and 59.6% black. It has a hue angle of 231 degrees, a saturation of 10.8% and a lightness of 36.5%. #535667 color hex could be obtained by blending #a6acce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 34
- B 40
RGB color chart
- C 19
- M 17
- Y 0
- K 60
CMYK color chart

● #535667 color description : Very dark grayish blue.

The hexadecimal color #535667 has RGB values of R:83, G:86, B:103 and CMYK values of C:0.19, M:0.17, Y:0, K:0.6. Its decimal value is 5461607.

Hex triplet	535667	`#535667`
RGB Decimal	83, 86, 103	`rgb(83,86,103)`
RGB Percent	32.5, 33.7, 40.4	`rgb(32.5%,33.7%,40.4%)`
CMYK	19, 17, 0, 60
HSL	231°, 10.8, 36.5	`hsl(231,10.8%,36.5%)`
HSV (or HSB)	231°, 19.4, 40.4
Web Safe	666666	`#666666`

CIE-LAB	36.881, 2.819, -10.173
XYZ	9.343, 9.474, 14.168
xyY	0.283, 0.287, 9.474
CIE-LCH	36.881, 10.556, 285.49
CIE-LUV	36.881, -2.473, -13.771
Hunter-Lab	30.779, 0.318, -5.745
Binary	01010011, 01010110, 01100111

#535667
```
#535667 rgb(83,86,103)
```
#676453
```
#676453 rgb(103,100,83)
```

Complementary Color

#536067
```
#536067 rgb(83,96,103)
```
#535667
```
#535667 rgb(83,86,103)
```
#5a5367
```
#5a5367 rgb(90,83,103)
```

Analogous Color

#606753
```
#606753 rgb(96,103,83)
```
#535667
```
#535667 rgb(83,86,103)
```
#675a53
```
#675a53 rgb(103,90,83)
```

Split Complementary Color

#566753
```
#566753 rgb(86,103,83)
```
#535667
```
#535667 rgb(83,86,103)
```
#675356
```
#675356 rgb(103,83,86)
```

Triadic Color

#536764
```
#536764 rgb(83,103,100)
```
#535667
```
#535667 rgb(83,86,103)
```
#675356
```
#675356 rgb(103,83,86)
```
#676453
```
#676453 rgb(103,100,83)
```

Tetradic Color

#31333d
```
#31333d rgb(49,51,61)
```
#3c3e4b
```
#3c3e4b rgb(60,62,75)
```
#484a59
```
#484a59 rgb(72,74,89)
```
#535667
```
#535667 rgb(83,86,103)
```
#5e6275
```
#5e6275 rgb(94,98,117)
```
#6a6e83
```
#6a6e83 rgb(106,110,131)
```
#767a91
```
#767a91 rgb(118,122,145)
```

Monochromatic Color

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

#535b67
```
#535b67 rgb(83,91,103)
```
#535967
```
#535967 rgb(83,89,103)
```
#535867
```
#535867 rgb(83,88,103)
```
#535667
```
#535667 rgb(83,86,103)
```
#535467
```
#535467 rgb(83,84,103)
```
#535367
```
#535367 rgb(83,83,103)
```
#555367
```
#555367 rgb(85,83,103)
```

Similar Colors

Text with hexadecimal color #535667

This text has a font color of #535667.

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

#535667 background color

This paragraph has a background color of #535667.

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

#535667 border color

This element has a border color of #535667.

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

CSS codes

.text {color:#535667;}

.background {background-color:#535667;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0d10
```
#0d0d10 rgb(13,13,16)
```
#16171b
```
#16171b rgb(22,23,27)
```
#1e2026
```
#1e2026 rgb(30,32,38)
```
#272931
```
#272931 rgb(39,41,49)
```
#30323c
```
#30323c rgb(48,50,60)
```
#393b46
```
#393b46 rgb(57,59,70)
```
#414451
```
#414451 rgb(65,68,81)
```
#4a4d5c
```
#4a4d5c rgb(74,77,92)
```
#535667
```
#535667 rgb(83,86,103)
```
#5c5f72
```
#5c5f72 rgb(92,95,114)
```
#65687d
```
#65687d rgb(101,104,125)
```
#6d7188
```
#6d7188 rgb(109,113,136)
```

Shade Color Variation

#777b91
```
#777b91 rgb(119,123,145)
```
#82869a
```
#82869a rgb(130,134,154)
```
#8d90a3
```
#8d90a3 rgb(141,144,163)
```
#989bac
```
#989bac rgb(152,155,172)
```
#a2a5b4
```
#a2a5b4 rgb(162,165,180)
```
#adb0bd
```
#adb0bd rgb(173,176,189)
```
#b8bac6
```
#b8bac6 rgb(184,186,198)
```
#c3c5cf
```
#c3c5cf rgb(195,197,207)
```
#cecfd7
```
#cecfd7 rgb(206,207,215)
```
#d9dae0
```
#d9dae0 rgb(217,218,224)
```
#e4e4e9
```
#e4e4e9 rgb(228,228,233)
```
#efeff2
```
#efeff2 rgb(239,239,242)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5a5b60
```
#5a5b60 rgb(90,91,96)
```
#535667
```
#535667 rgb(83,86,103)
```
#4c516e
```
#4c516e rgb(76,81,110)
```
#454c75
```
#454c75 rgb(69,76,117)
```
#3e477c
```
#3e477c rgb(62,71,124)
```
#364284
```
#364284 rgb(54,66,132)
```
#2f3d8b
```
#2f3d8b rgb(47,61,139)
```
#283892
```
#283892 rgb(40,56,146)
```
#213399
```
#213399 rgb(33,51,153)
```
#1a2ea0
```
#1a2ea0 rgb(26,46,160)
```
#1329a7
```
#1329a7 rgb(19,41,167)
```
#0b24af
```
#0b24af rgb(11,36,175)
```
#041fb6
```
#041fb6 rgb(4,31,182)
```

Tone Color Variation

Below, you can see how #535667 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
#56575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5e6e Protanopia 1% of men
#605d6f Deuteranopia 1% of men
#5a6067 Tritanopia 0.001% of the population

Trichromacy

#585b6c Protanomaly 1% of men, 0.01% of women
#5b5a6c Deuteranomaly 6% of men, 0.4% of women
#575c67 Tritanomaly 0.01% of the population

#535667 hex color

#535667 Color Information

#535667 Color Conversion

Color Schemes with #535667

Alternatives to #535667

#535667 Preview

Shades and Tints of #535667

Tones of #535667

Color Blindness Simulator