#535a69 hex color

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

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

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

The hexadecimal color #535a69 has RGB values of R:83, G:90, B:105 and CMYK values of C:0.21, M:0.14, Y:0, K:0.59. Its decimal value is 5462633.

Hex triplet	535a69	`#535a69`
RGB Decimal	83, 90, 105	`rgb(83,90,105)`
RGB Percent	32.5, 35.3, 41.2	`rgb(32.5%,35.3%,41.2%)`
CMYK	21, 14, 0, 59
HSL	220.9°, 11.7, 36.9	`hsl(220.9,11.7%,36.9%)`
HSV (or HSB)	220.9°, 21, 41.2
Web Safe	666666	`#666666`

CIE-LAB	38.148, 0.845, -9.502
XYZ	9.773, 10.171, 14.812
xyY	0.281, 0.293, 10.171
CIE-LCH	38.148, 9.54, 275.083
CIE-LUV	38.148, -4.359, -12.713
Hunter-Lab	31.892, -1.113, -5.212
Binary	01010011, 01011010, 01101001

#535a69
```
#535a69 rgb(83,90,105)
```
#696253
```
#696253 rgb(105,98,83)
```

Complementary Color

#536569
```
#536569 rgb(83,101,105)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#575369
```
#575369 rgb(87,83,105)
```

Analogous Color

#656953
```
#656953 rgb(101,105,83)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#695753
```
#695753 rgb(105,87,83)
```

Split Complementary Color

#5a6953
```
#5a6953 rgb(90,105,83)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#69535a
```
#69535a rgb(105,83,90)
```

Triadic Color

#536962
```
#536962 rgb(83,105,98)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#69535a
```
#69535a rgb(105,83,90)
```
#696253
```
#696253 rgb(105,98,83)
```

Tetradic Color

#31353e
```
#31353e rgb(49,53,62)
```
#3c424d
```
#3c424d rgb(60,66,77)
```
#484e5b
```
#484e5b rgb(72,78,91)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#5e6677
```
#5e6677 rgb(94,102,119)
```
#6a7285
```
#6a7285 rgb(106,114,133)
```
#767f93
```
#767f93 rgb(118,127,147)
```

Monochromatic Color

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

#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)
```
#535669
```
#535669 rgb(83,86,105)
```
#535569
```
#535569 rgb(83,85,105)
```

Similar Colors

Text with hexadecimal color #535a69

This text has a font color of #535a69.

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

#535a69 background color

This paragraph has a background color of #535a69.

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

#535a69 border color

This element has a border color of #535a69.

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

CSS codes

.text {color:#535a69;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0f11
```
#0e0f11 rgb(14,15,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1f2227
```
#1f2227 rgb(31,34,39)
```
#282b32
```
#282b32 rgb(40,43,50)
```
#30343d
```
#30343d rgb(48,52,61)
```
#393e48
```
#393e48 rgb(57,62,72)
```
#424753
```
#424753 rgb(66,71,83)
```
#4a515e
```
#4a515e rgb(74,81,94)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#5c6374
```
#5c6374 rgb(92,99,116)
```
#646d7f
```
#646d7f rgb(100,109,127)
```
#6d768a
```
#6d768a rgb(109,118,138)
```

Shade Color Variation

#778093
```
#778093 rgb(119,128,147)
```
#828a9c
```
#828a9c rgb(130,138,156)
```
#8d94a5
```
#8d94a5 rgb(141,148,165)
```
#989fad
```
#989fad rgb(152,159,173)
```
#a3a9b6
```
#a3a9b6 rgb(163,169,182)
```
#aeb3bf
```
#aeb3bf rgb(174,179,191)
```
#b9bdc7
```
#b9bdc7 rgb(185,189,199)
```
#c4c8d0
```
#c4c8d0 rgb(196,200,208)
```
#cfd2d9
```
#cfd2d9 rgb(207,210,217)
```
#dadce1
```
#dadce1 rgb(218,220,225)
```
#e5e6ea
```
#e5e6ea rgb(229,230,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 #033db9 is the most saturated one.

#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#535a69
```
#535a69 rgb(83,90,105)
```
#4c5770
```
#4c5770 rgb(76,87,112)
```
#455577
```
#455577 rgb(69,85,119)
```
#3d527f
```
#3d527f rgb(61,82,127)
```
#364f86
```
#364f86 rgb(54,79,134)
```
#2f4d8d
```
#2f4d8d rgb(47,77,141)
```
#284a94
```
#284a94 rgb(40,74,148)
```
#20489c
```
#20489c rgb(32,72,156)
```
#1945a3
```
#1945a3 rgb(25,69,163)
```
#1242aa
```
#1242aa rgb(18,66,170)
```
#0b40b1
```
#0b40b1 rgb(11,64,177)
```
#033db9
```
#033db9 rgb(3,61,185)
```

Tone Color Variation

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

#5f6170 Protanopia 1% of men
#636071 Deuteranopia 1% of men
#5a636a Tritanopia 0.001% of the population

Trichromacy

#5b5e6d Protanomaly 1% of men, 0.01% of women
#5d5d6e Deuteranomaly 6% of men, 0.4% of women
#57606a Tritanomaly 0.01% of the population

#535a69 hex color

#535a69 Color Information

#535a69 Color Conversion

Color Schemes with #535a69

Alternatives to #535a69

#535a69 Preview

Shades and Tints of #535a69

Tones of #535a69

Color Blindness Simulator