#535c69 hex color

In a RGB color space, hex #535c69 is composed of 32.5% red, 36.1% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 12.4% magenta, 0% yellow and 58.8% black. It has a hue angle of 215.5 degrees, a saturation of 11.7% and a lightness of 36.9%. #535c69 color hex could be obtained by blending #a6b8d2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 36
- B 41
RGB color chart
- C 21
- M 12
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #535c69 has RGB values of R:83, G:92, B:105 and CMYK values of C:0.21, M:0.12, Y:0, K:0.59. Its decimal value is 5463145.

Hex triplet	535c69	`#535c69`
RGB Decimal	83, 92, 105	`rgb(83,92,105)`
RGB Percent	32.5, 36.1, 41.2	`rgb(32.5%,36.1%,41.2%)`
CMYK	21, 12, 0, 59
HSL	215.5°, 11.7, 36.9	`hsl(215.5,11.7%,36.9%)`
HSV (or HSB)	215.5°, 21, 41.2
Web Safe	666666	`#666666`

CIE-LAB	38.748, -0.383, -8.6
XYZ	9.944, 10.513, 14.869
xyY	0.281, 0.298, 10.513
CIE-LCH	38.748, 8.608, 267.447
CIE-LUV	38.748, -5.259, -11.357
Hunter-Lab	32.424, -2, -4.493
Binary	01010011, 01011100, 01101001

#535c69
```
#535c69 rgb(83,92,105)
```
#696053
```
#696053 rgb(105,96,83)
```

Complementary Color

#536769
```
#536769 rgb(83,103,105)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#555369
```
#555369 rgb(85,83,105)
```

Analogous Color

#676953
```
#676953 rgb(103,105,83)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#695553
```
#695553 rgb(105,85,83)
```

Split Complementary Color

#5c6953
```
#5c6953 rgb(92,105,83)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#69535c
```
#69535c rgb(105,83,92)
```

Triadic Color

#536960
```
#536960 rgb(83,105,96)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#69535c
```
#69535c rgb(105,83,92)
```
#696053
```
#696053 rgb(105,96,83)
```

Tetradic Color

#31373e
```
#31373e rgb(49,55,62)
```
#3c434d
```
#3c434d rgb(60,67,77)
```
#48505b
```
#48505b rgb(72,80,91)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#5e6877
```
#5e6877 rgb(94,104,119)
```
#6a7585
```
#6a7585 rgb(106,117,133)
```
#768293
```
#768293 rgb(118,130,147)
```

Monochromatic Color

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

#536269
```
#536269 rgb(83,98,105)
```
#536069
```
#536069 rgb(83,96,105)
```
#535e69
```
#535e69 rgb(83,94,105)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#535869
```
#535869 rgb(83,88,105)
```
#535769
```
#535769 rgb(83,87,105)
```

Similar Colors

Text with hexadecimal color #535c69

This text has a font color of #535c69.

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

#535c69 background color

This paragraph has a background color of #535c69.

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

#535c69 border color

This element has a border color of #535c69.

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

CSS codes

.text {color:#535c69;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e0f11
```
#0e0f11 rgb(14,15,17)
```
#16191c
```
#16191c rgb(22,25,28)
```
#1f2227
```
#1f2227 rgb(31,34,39)
```
#282c32
```
#282c32 rgb(40,44,50)
```
#30363d
```
#30363d rgb(48,54,61)
```
#393f48
```
#393f48 rgb(57,63,72)
```
#424953
```
#424953 rgb(66,73,83)
```
#4a525e
```
#4a525e rgb(74,82,94)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#646f7f
```
#646f7f rgb(100,111,127)
```
#6d798a
```
#6d798a rgb(109,121,138)
```

Shade Color Variation

#778393
```
#778393 rgb(119,131,147)
```
#828d9c
```
#828d9c rgb(130,141,156)
```
#8d97a5
```
#8d97a5 rgb(141,151,165)
```
#98a1ad
```
#98a1ad rgb(152,161,173)
```
#a3abb6
```
#a3abb6 rgb(163,171,182)
```
#aeb5bf
```
#aeb5bf rgb(174,181,191)
```
#b9bfc7
```
#b9bfc7 rgb(185,191,199)
```
#c4c9d0
```
#c4c9d0 rgb(196,201,208)
```
#cfd3d9
```
#cfd3d9 rgb(207,211,217)
```
#dadde1
```
#dadde1 rgb(218,221,225)
```
#e5e7ea
```
#e5e7ea rgb(229,231,234)
```
#eff1f3
```
#eff1f3 rgb(239,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#4c5b70
```
#4c5b70 rgb(76,91,112)
```
#455977
```
#455977 rgb(69,89,119)
```
#3d587f
```
#3d587f rgb(61,88,127)
```
#365786
```
#365786 rgb(54,87,134)
```
#2f558d
```
#2f558d rgb(47,85,141)
```
#285494
```
#285494 rgb(40,84,148)
```
#20539c
```
#20539c rgb(32,83,156)
```
#1951a3
```
#1951a3 rgb(25,81,163)
```
#1250aa
```
#1250aa rgb(18,80,170)
```
#0b4fb1
```
#0b4fb1 rgb(11,79,177)
```
#034eb9
```
#034eb9 rgb(3,78,185)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#61636f Protanopia 1% of men
#656171 Deuteranopia 1% of men
#5a656c Tritanopia 0.001% of the population

Trichromacy

#5c606d Protanomaly 1% of men, 0.01% of women
#5f5f6e Deuteranomaly 6% of men, 0.4% of women
#58616b Tritanomaly 0.01% of the population

#535c69 hex color

#535c69 Color Information

#535c69 Color Conversion

Color Schemes with #535c69

Alternatives to #535c69

#535c69 Preview

Shades and Tints of #535c69

Tones of #535c69

Color Blindness Simulator