#535a67 hex color

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

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

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

The hexadecimal color #535a67 has RGB values of R:83, G:90, B:103 and CMYK values of C:0.19, M:0.13, Y:0, K:0.6. Its decimal value is 5462631.

Hex triplet	535a67	`#535a67`
RGB Decimal	83, 90, 103	`rgb(83,90,103)`
RGB Percent	32.5, 35.3, 40.4	`rgb(32.5%,35.3%,40.4%)`
CMYK	19, 13, 0, 60
HSL	219°, 10.8, 36.5	`hsl(219,10.8%,36.5%)`
HSV (or HSB)	219°, 19.4, 40.4
Web Safe	666666	`#666666`

CIE-LAB	38.076, 0.342, -8.373
XYZ	9.671, 10.13, 14.277
xyY	0.284, 0.297, 10.13
CIE-LCH	38.076, 8.38, 272.338
CIE-LUV	38.076, -4.275, -11.092
Hunter-Lab	31.828, -1.462, -4.315
Binary	01010011, 01011010, 01100111

#535a67
```
#535a67 rgb(83,90,103)
```
#676053
```
#676053 rgb(103,96,83)
```

Complementary Color

#536467
```
#536467 rgb(83,100,103)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#565367
```
#565367 rgb(86,83,103)
```

Analogous Color

#646753
```
#646753 rgb(100,103,83)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#675653
```
#675653 rgb(103,86,83)
```

Split Complementary Color

#5a6753
```
#5a6753 rgb(90,103,83)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#67535a
```
#67535a rgb(103,83,90)
```

Triadic Color

#536760
```
#536760 rgb(83,103,96)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#67535a
```
#67535a rgb(103,83,90)
```
#676053
```
#676053 rgb(103,96,83)
```

Tetradic Color

#31353d
```
#31353d rgb(49,53,61)
```
#3c414b
```
#3c414b rgb(60,65,75)
```
#484e59
```
#484e59 rgb(72,78,89)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#5e6675
```
#5e6675 rgb(94,102,117)
```
#6a7383
```
#6a7383 rgb(106,115,131)
```
#767f91
```
#767f91 rgb(118,127,145)
```

Monochromatic Color

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

#535f67
```
#535f67 rgb(83,95,103)
```
#535d67
```
#535d67 rgb(83,93,103)
```
#535c67
```
#535c67 rgb(83,92,103)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#535867
```
#535867 rgb(83,88,103)
```
#535767
```
#535767 rgb(83,87,103)
```
#535567
```
#535567 rgb(83,85,103)
```

Similar Colors

Text with hexadecimal color #535a67

This text has a font color of #535a67.

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

#535a67 background color

This paragraph has a background color of #535a67.

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

#535a67 border color

This element has a border color of #535a67.

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

CSS codes

.text {color:#535a67;}

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

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

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)
```
#30343c
```
#30343c rgb(48,52,60)
```
#393e46
```
#393e46 rgb(57,62,70)
```
#414751
```
#414751 rgb(65,71,81)
```
#4a515c
```
#4a515c rgb(74,81,92)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#5c6372
```
#5c6372 rgb(92,99,114)
```
#656d7d
```
#656d7d rgb(101,109,125)
```
#6d7688
```
#6d7688 rgb(109,118,136)
```

Shade Color Variation

#778091
```
#778091 rgb(119,128,145)
```
#828a9a
```
#828a9a rgb(130,138,154)
```
#8d95a3
```
#8d95a3 rgb(141,149,163)
```
#989fac
```
#989fac rgb(152,159,172)
```
#a2a9b4
```
#a2a9b4 rgb(162,169,180)
```
#adb3bd
```
#adb3bd rgb(173,179,189)
```
#b8bdc6
```
#b8bdc6 rgb(184,189,198)
```
#c3c7cf
```
#c3c7cf rgb(195,199,207)
```
#ced1d7
```
#ced1d7 rgb(206,209,215)
```
#d9dbe0
```
#d9dbe0 rgb(217,219,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 #0442b6 is the most saturated one.

#5a5c60
```
#5a5c60 rgb(90,92,96)
```
#535a67
```
#535a67 rgb(83,90,103)
```
#4c586e
```
#4c586e rgb(76,88,110)
```
#455675
```
#455675 rgb(69,86,117)
```
#3e547c
```
#3e547c rgb(62,84,124)
```
#365184
```
#365184 rgb(54,81,132)
```
#2f4f8b
```
#2f4f8b rgb(47,79,139)
```
#284d92
```
#284d92 rgb(40,77,146)
```
#214b99
```
#214b99 rgb(33,75,153)
```
#1a49a0
```
#1a49a0 rgb(26,73,160)
```
#1347a7
```
#1347a7 rgb(19,71,167)
```
#0b45af
```
#0b45af rgb(11,69,175)
```
#0442b6
```
#0442b6 rgb(4,66,182)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#58595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#60616e Protanopia 1% of men
#645f6f Deuteranopia 1% of men
#5a636a Tritanopia 0.001% of the population

Trichromacy

#5b5e6b Protanomaly 1% of men, 0.01% of women
#5e5d6c Deuteranomaly 6% of men, 0.4% of women
#585f69 Tritanomaly 0.01% of the population

#535a67 hex color

#535a67 Color Information

#535a67 Color Conversion

Color Schemes with #535a67

Alternatives to #535a67

#535a67 Preview

Shades and Tints of #535a67

Tones of #535a67

Color Blindness Simulator