#535a6d hex color

In a RGB color space, hex #535a6d is composed of 32.5% red, 35.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 17.4% magenta, 0% yellow and 57.3% black. It has a hue angle of 223.8 degrees, a saturation of 13.5% and a lightness of 37.6%. #535a6d color hex could be obtained by blending #a6b4da with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 35
- B 43
RGB color chart
- C 24
- M 17
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #535a6d has RGB values of R:83, G:90, B:109 and CMYK values of C:0.24, M:0.17, Y:0, K:0.57. Its decimal value is 5462637.

Hex triplet	535a6d	`#535a6d`
RGB Decimal	83, 90, 109	`rgb(83,90,109)`
RGB Percent	32.5, 35.3, 42.7	`rgb(32.5%,35.3%,42.7%)`
CMYK	24, 17, 0, 57
HSL	223.8°, 13.5, 37.6	`hsl(223.8,13.5%,37.6%)`
HSV (or HSB)	223.8°, 23.9, 42.7
Web Safe	666666	`#666666`

CIE-LAB	38.297, 1.873, -11.75
XYZ	9.983, 10.255, 15.921
xyY	0.276, 0.284, 10.255
CIE-LCH	38.297, 11.898, 279.055
CIE-LUV	38.297, -4.53, -15.979
Hunter-Lab	32.024, -0.396, -7.059
Binary	01010011, 01011010, 01101101

#535a6d
```
#535a6d rgb(83,90,109)
```
#6d6653
```
#6d6653 rgb(109,102,83)
```

Complementary Color

#53676d
```
#53676d rgb(83,103,109)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#59536d
```
#59536d rgb(89,83,109)
```

Analogous Color

#676d53
```
#676d53 rgb(103,109,83)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#6d5953
```
#6d5953 rgb(109,89,83)
```

Split Complementary Color

#5a6d53
```
#5a6d53 rgb(90,109,83)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#6d535a
```
#6d535a rgb(109,83,90)
```

Triadic Color

#536d66
```
#536d66 rgb(83,109,102)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#6d535a
```
#6d535a rgb(109,83,90)
```
#6d6653
```
#6d6653 rgb(109,102,83)
```

Tetradic Color

#323642
```
#323642 rgb(50,54,66)
```
#3d4250
```
#3d4250 rgb(61,66,80)
```
#484e5f
```
#484e5f rgb(72,78,95)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#5e667b
```
#5e667b rgb(94,102,123)
```
#69728a
```
#69728a rgb(105,114,138)
```
#767f97
```
#767f97 rgb(118,127,151)
```

Monochromatic Color

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

#53616d
```
#53616d rgb(83,97,109)
```
#535e6d
```
#535e6d rgb(83,94,109)
```
#535c6d
```
#535c6d rgb(83,92,109)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#53586d
```
#53586d rgb(83,88,109)
```
#53566d
```
#53566d rgb(83,86,109)
```
#53546d
```
#53546d rgb(83,84,109)
```

Similar Colors

Text with hexadecimal color #535a6d

This text has a font color of #535a6d.

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

#535a6d background color

This paragraph has a background color of #535a6d.

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

#535a6d border color

This element has a border color of #535a6d.

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

CSS codes

.text {color:#535a6d;}

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

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

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

#070709
```
#070709 rgb(7,7,9)
```
#0f1014
```
#0f1014 rgb(15,16,20)
```
#181a1f
```
#181a1f rgb(24,26,31)
```
#20232a
```
#20232a rgb(32,35,42)
```
#292c35
```
#292c35 rgb(41,44,53)
```
#313540
```
#313540 rgb(49,53,64)
```
#3a3e4c
```
#3a3e4c rgb(58,62,76)
```
#424857
```
#424857 rgb(66,72,87)
```
#4b5162
```
#4b5162 rgb(75,81,98)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#5b6378
```
#5b6378 rgb(91,99,120)
```
#646c83
```
#646c83 rgb(100,108,131)
```
#6c768e
```
#6c768e rgb(108,118,142)
```

Shade Color Variation

#778097
```
#778097 rgb(119,128,151)
```
#828aa0
```
#828aa0 rgb(130,138,160)
```
#8d95a8
```
#8d95a8 rgb(141,149,168)
```
#989fb1
```
#989fb1 rgb(152,159,177)
```
#a4a9b9
```
#a4a9b9 rgb(164,169,185)
```
#afb4c2
```
#afb4c2 rgb(175,180,194)
```
#babeca
```
#babeca rgb(186,190,202)
```
#c5c9d3
```
#c5c9d3 rgb(197,201,211)
```
#d0d3db
```
#d0d3db rgb(208,211,219)
```
#dbdee4
```
#dbdee4 rgb(219,222,228)
```
#e6e8ec
```
#e6e8ec rgb(230,232,236)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#5a5d66
```
#5a5d66 rgb(90,93,102)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#4c5774
```
#4c5774 rgb(76,87,116)
```
#44537c
```
#44537c rgb(68,83,124)
```
#3d5083
```
#3d5083 rgb(61,80,131)
```
#354c8b
```
#354c8b rgb(53,76,139)
```
#2e4992
```
#2e4992 rgb(46,73,146)
```
#274699
```
#274699 rgb(39,70,153)
```
#1f42a1
```
#1f42a1 rgb(31,66,161)
```
#183fa8
```
#183fa8 rgb(24,63,168)
```
#113baf
```
#113baf rgb(17,59,175)
```
#0938b7
```
#0938b7 rgb(9,56,183)
```
#0235be
```
#0235be rgb(2,53,190)
```

Tone Color Variation

Below, you can see how #535a6d 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
#595a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6174 Protanopia 1% of men
#626075 Deuteranopia 1% of men
#59646b Tritanopia 0.001% of the population

Trichromacy

#5a5f71 Protanomaly 1% of men, 0.01% of women
#5c5e72 Deuteranomaly 6% of men, 0.4% of women
#57606c Tritanomaly 0.01% of the population

#535a6d hex color

#535a6d Color Information

#535a6d Color Conversion

Color Schemes with #535a6d

Alternatives to #535a6d

#535a6d Preview

Shades and Tints of #535a6d

Tones of #535a6d

Color Blindness Simulator