#535b67 hex color

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

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

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

The hexadecimal color #535b67 has RGB values of R:83, G:91, B:103 and CMYK values of C:0.19, M:0.12, Y:0, K:0.6. Its decimal value is 5462887.

Hex triplet	535b67	`#535b67`
RGB Decimal	83, 91, 103	`rgb(83,91,103)`
RGB Percent	32.5, 35.7, 40.4	`rgb(32.5%,35.7%,40.4%)`
CMYK	19, 12, 0, 60
HSL	216°, 10.8, 36.5	`hsl(216,10.8%,36.5%)`
HSV (or HSB)	216°, 19.4, 40.4
Web Safe	666666	`#666666`

CIE-LAB	38.376, -0.272, -7.922
XYZ	9.756, 10.3, 14.305
xyY	0.284, 0.3, 10.3
CIE-LCH	38.376, 7.927, 268.032
CIE-LUV	38.376, -4.728, -10.416
Hunter-Lab	32.094, -1.904, -3.962
Binary	01010011, 01011011, 01100111

#535b67
```
#535b67 rgb(83,91,103)
```
#675f53
```
#675f53 rgb(103,95,83)
```

Complementary Color

#536567
```
#536567 rgb(83,101,103)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#555367
```
#555367 rgb(85,83,103)
```

Analogous Color

#656753
```
#656753 rgb(101,103,83)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#675553
```
#675553 rgb(103,85,83)
```

Split Complementary Color

#5b6753
```
#5b6753 rgb(91,103,83)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#67535b
```
#67535b rgb(103,83,91)
```

Triadic Color

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

Tetradic Color

#31363d
```
#31363d rgb(49,54,61)
```
#3c424b
```
#3c424b rgb(60,66,75)
```
#484f59
```
#484f59 rgb(72,79,89)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#5e6775
```
#5e6775 rgb(94,103,117)
```
#6a7483
```
#6a7483 rgb(106,116,131)
```
#768191
```
#768191 rgb(118,129,145)
```

Monochromatic Color

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

#536067
```
#536067 rgb(83,96,103)
```
#535e67
```
#535e67 rgb(83,94,103)
```
#535d67
```
#535d67 rgb(83,93,103)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#535967
```
#535967 rgb(83,89,103)
```
#535867
```
#535867 rgb(83,88,103)
```
#535667
```
#535667 rgb(83,86,103)
```

Similar Colors

Text with hexadecimal color #535b67

This text has a font color of #535b67.

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

#535b67 background color

This paragraph has a background color of #535b67.

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

#535b67 border color

This element has a border color of #535b67.

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

CSS codes

.text {color:#535b67;}

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

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

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)
```
#0d0e10
```
#0d0e10 rgb(13,14,16)
```
#16181b
```
#16181b rgb(22,24,27)
```
#1e2126
```
#1e2126 rgb(30,33,38)
```
#272b31
```
#272b31 rgb(39,43,49)
```
#30353c
```
#30353c rgb(48,53,60)
```
#393e46
```
#393e46 rgb(57,62,70)
```
#414851
```
#414851 rgb(65,72,81)
```
#4a515c
```
#4a515c rgb(74,81,92)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#5c6572
```
#5c6572 rgb(92,101,114)
```
#656e7d
```
#656e7d rgb(101,110,125)
```
#6d7888
```
#6d7888 rgb(109,120,136)
```

Shade Color Variation

#778291
```
#778291 rgb(119,130,145)
```
#828c9a
```
#828c9a rgb(130,140,154)
```
#8d96a3
```
#8d96a3 rgb(141,150,163)
```
#98a0ac
```
#98a0ac rgb(152,160,172)
```
#a2aab4
```
#a2aab4 rgb(162,170,180)
```
#adb4bd
```
#adb4bd rgb(173,180,189)
```
#b8bec6
```
#b8bec6 rgb(184,190,198)
```
#c3c8cf
```
#c3c8cf rgb(195,200,207)
```
#ced2d7
```
#ced2d7 rgb(206,210,215)
```
#d9dce0
```
#d9dce0 rgb(217,220,224)
```
#e4e6e9
```
#e4e6e9 rgb(228,230,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, #5a5c60 is the less saturated color, while #044bb6 is the most saturated one.

#5a5c60
```
#5a5c60 rgb(90,92,96)
```
#535b67
```
#535b67 rgb(83,91,103)
```
#4c5a6e
```
#4c5a6e rgb(76,90,110)
```
#455875
```
#455875 rgb(69,88,117)
```
#3e577c
```
#3e577c rgb(62,87,124)
```
#365584
```
#365584 rgb(54,85,132)
```
#2f548b
```
#2f548b rgb(47,84,139)
```
#285292
```
#285292 rgb(40,82,146)
```
#215199
```
#215199 rgb(33,81,153)
```
#1a50a0
```
#1a50a0 rgb(26,80,160)
```
#134ea7
```
#134ea7 rgb(19,78,167)
```
#0b4daf
```
#0b4daf rgb(11,77,175)
```
#044bb6
```
#044bb6 rgb(4,75,182)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#61626e Protanopia 1% of men
#65606f Deuteranopia 1% of men
#5b646b Tritanopia 0.001% of the population

Trichromacy

#5b5f6b Protanomaly 1% of men, 0.01% of women
#5e5e6c Deuteranomaly 6% of men, 0.4% of women
#586069 Tritanomaly 0.01% of the population

#535b67 hex color

#535b67 Color Information

#535b67 Color Conversion

Color Schemes with #535b67

Alternatives to #535b67

#535b67 Preview

Shades and Tints of #535b67

Tones of #535b67

Color Blindness Simulator