#535f67 hex color

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

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

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

The hexadecimal color #535f67 has RGB values of R:83, G:95, B:103 and CMYK values of C:0.19, M:0.08, Y:0, K:0.6. Its decimal value is 5463911.

Hex triplet	535f67	`#535f67`
RGB Decimal	83, 95, 103	`rgb(83,95,103)`
RGB Percent	32.5, 37.3, 40.4	`rgb(32.5%,37.3%,40.4%)`
CMYK	19, 8, 0, 60
HSL	204°, 10.8, 36.5	`hsl(204,10.8%,36.5%)`
HSV (or HSB)	204°, 19.4, 40.4
Web Safe	666666	`#666666`

CIE-LAB	39.585, -2.706, -6.115
XYZ	10.107, 11.002, 14.422
xyY	0.284, 0.31, 11.002
CIE-LCH	39.585, 6.687, 246.126
CIE-LUV	39.585, -6.555, -7.699
Hunter-Lab	33.17, -3.657, -2.56
Binary	01010011, 01011111, 01100111

#535f67
```
#535f67 rgb(83,95,103)
```
#675b53
```
#675b53 rgb(103,91,83)
```

Complementary Color

#536765
```
#536765 rgb(83,103,101)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#535567
```
#535567 rgb(83,85,103)
```

Analogous Color

#676553
```
#676553 rgb(103,101,83)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#675355
```
#675355 rgb(103,83,85)
```

Split Complementary Color

#5f6753
```
#5f6753 rgb(95,103,83)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#67535f
```
#67535f rgb(103,83,95)
```

Triadic Color

#53675b
```
#53675b rgb(83,103,91)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#67535f
```
#67535f rgb(103,83,95)
```
#675b53
```
#675b53 rgb(103,91,83)
```

Tetradic Color

#31383d
```
#31383d rgb(49,56,61)
```
#3c454b
```
#3c454b rgb(60,69,75)
```
#485259
```
#485259 rgb(72,82,89)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#5e6c75
```
#5e6c75 rgb(94,108,117)
```
#6a7983
```
#6a7983 rgb(106,121,131)
```
#768691
```
#768691 rgb(118,134,145)
```

Monochromatic Color

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

#536467
```
#536467 rgb(83,100,103)
```
#536267
```
#536267 rgb(83,98,103)
```
#536167
```
#536167 rgb(83,97,103)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#535d67
```
#535d67 rgb(83,93,103)
```
#535c67
```
#535c67 rgb(83,92,103)
```
#535a67
```
#535a67 rgb(83,90,103)
```

Similar Colors

Text with hexadecimal color #535f67

This text has a font color of #535f67.

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

#535f67 background color

This paragraph has a background color of #535f67.

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

#535f67 border color

This element has a border color of #535f67.

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

CSS codes

.text {color:#535f67;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0f10
```
#0d0f10 rgb(13,15,16)
```
#16191b
```
#16191b rgb(22,25,27)
```
#1e2326
```
#1e2326 rgb(30,35,38)
```
#272d31
```
#272d31 rgb(39,45,49)
```
#30373c
```
#30373c rgb(48,55,60)
```
#394146
```
#394146 rgb(57,65,70)
```
#414b51
```
#414b51 rgb(65,75,81)
```
#4a555c
```
#4a555c rgb(74,85,92)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#5c6972
```
#5c6972 rgb(92,105,114)
```
#65737d
```
#65737d rgb(101,115,125)
```
#6d7d88
```
#6d7d88 rgb(109,125,136)
```

Shade Color Variation

#778791
```
#778791 rgb(119,135,145)
```
#82909a
```
#82909a rgb(130,144,154)
```
#8d9aa3
```
#8d9aa3 rgb(141,154,163)
```
#98a4ac
```
#98a4ac rgb(152,164,172)
```
#a2adb4
```
#a2adb4 rgb(162,173,180)
```
#adb7bd
```
#adb7bd rgb(173,183,189)
```
#b8c0c6
```
#b8c0c6 rgb(184,192,198)
```
#c3cacf
```
#c3cacf rgb(195,202,207)
```
#ced4d7
```
#ced4d7 rgb(206,212,215)
```
#d9dde0
```
#d9dde0 rgb(217,221,224)
```
#e4e7e9
```
#e4e7e9 rgb(228,231,233)
```
#eff0f2
```
#eff0f2 rgb(239,240,242)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5a5e60
```
#5a5e60 rgb(90,94,96)
```
#535f67
```
#535f67 rgb(83,95,103)
```
#4c606e
```
#4c606e rgb(76,96,110)
```
#456275
```
#456275 rgb(69,98,117)
```
#3e637c
```
#3e637c rgb(62,99,124)
```
#366584
```
#366584 rgb(54,101,132)
```
#2f668b
```
#2f668b rgb(47,102,139)
```
#286892
```
#286892 rgb(40,104,146)
```
#216999
```
#216999 rgb(33,105,153)
```
#1a6aa0
```
#1a6aa0 rgb(26,106,160)
```
#136ca7
```
#136ca7 rgb(19,108,167)
```
#0b6daf
```
#0b6daf rgb(11,109,175)
```
#046fb6
```
#046fb6 rgb(4,111,182)
```

Tone Color Variation

Below, you can see how #535f67 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
#5a5d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#64656d Protanopia 1% of men
#696370 Deuteranopia 1% of men
#5b676e Tritanopia 0.001% of the population

Trichromacy

#5e626b Protanomaly 1% of men, 0.01% of women
#61616c Deuteranomaly 6% of men, 0.4% of women
#58646b Tritanomaly 0.01% of the population

#535f67 hex color

#535f67 Color Information

#535f67 Color Conversion

Color Schemes with #535f67

Alternatives to #535f67

#535f67 Preview

Shades and Tints of #535f67

Tones of #535f67

Color Blindness Simulator