#535a55 hex color

In a RGB color space, hex #535a55 is composed of 32.5% red, 35.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 5.6% yellow and 64.7% black. It has a hue angle of 137.1 degrees, a saturation of 4% and a lightness of 33.9%. #535a55 color hex could be obtained by blending #a6b4aa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 35
- B 33
RGB color chart
- C 8
- M 0
- Y 6
- K 65
CMYK color chart

● #535a55 color description : Very dark grayish cyan - lime green.

The hexadecimal color #535a55 has RGB values of R:83, G:90, B:85 and CMYK values of C:0.08, M:0, Y:0.06, K:0.65. Its decimal value is 5462613.

Hex triplet	535a55	`#535a55`
RGB Decimal	83, 90, 85	`rgb(83,90,85)`
RGB Percent	32.5, 35.3, 33.3	`rgb(32.5%,35.3%,33.3%)`
CMYK	8, 0, 6, 65
HSL	137.1°, 4, 33.9	`hsl(137.1,4%,33.9%)`
HSV (or HSB)	137.1°, 7.8, 35.3
Web Safe	666666	`#666666`

CIE-LAB	37.494, -3.845, 1.936
XYZ	8.863, 9.807, 10.02
xyY	0.309, 0.342, 9.807
CIE-LCH	37.494, 4.305, 153.274
CIE-LUV	37.494, -3.545, 2.987
Hunter-Lab	31.316, -4.287, 2.951
Binary	01010011, 01011010, 01010101

#535a55
```
#535a55 rgb(83,90,85)
```
#5a5358
```
#5a5358 rgb(90,83,88)
```

Complementary Color

#555a53
```
#555a53 rgb(85,90,83)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#535a59
```
#535a59 rgb(83,90,89)
```

Analogous Color

#5a5355
```
#5a5355 rgb(90,83,85)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#59535a
```
#59535a rgb(89,83,90)
```

Split Complementary Color

#5a5553
```
#5a5553 rgb(90,85,83)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#55535a
```
#55535a rgb(85,83,90)
```

Triadic Color

#585a53
```
#585a53 rgb(88,90,83)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#55535a
```
#55535a rgb(85,83,90)
```
#5a5358
```
#5a5358 rgb(90,83,88)
```

Tetradic Color

#2e322f
```
#2e322f rgb(46,50,47)
```
#3b3f3c
```
#3b3f3c rgb(59,63,60)
```
#474d48
```
#474d48 rgb(71,77,72)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#5f6762
```
#5f6762 rgb(95,103,98)
```
#6b756e
```
#6b756e rgb(107,117,110)
```
#78827b
```
#78827b rgb(120,130,123)
```

Monochromatic Color

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

#535a53
```
#535a53 rgb(83,90,83)
```
#535a54
```
#535a54 rgb(83,90,84)
```
#535a54
```
#535a54 rgb(83,90,84)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#535a56
```
#535a56 rgb(83,90,86)
```
#535a56
```
#535a56 rgb(83,90,86)
```
#535a57
```
#535a57 rgb(83,90,87)
```

Similar Colors

Text with hexadecimal color #535a55

This text has a font color of #535a55.

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

#535a55 background color

This paragraph has a background color of #535a55.

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

#535a55 border color

This element has a border color of #535a55.

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

CSS codes

.text {color:#535a55;}

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

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

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

#080808
```
#080808 rgb(8,8,8)
```
#111312
```
#111312 rgb(17,19,18)
```
#1b1d1b
```
#1b1d1b rgb(27,29,27)
```
#242725
```
#242725 rgb(36,39,37)
```
#2d312e
```
#2d312e rgb(45,49,46)
```
#373b38
```
#373b38 rgb(55,59,56)
```
#404642
```
#404642 rgb(64,70,66)
```
#4a504b
```
#4a504b rgb(74,80,75)
```
#535a55
```
#535a55 rgb(83,90,85)
```
#5c645f
```
#5c645f rgb(92,100,95)
```
#666e68
```
#666e68 rgb(102,110,104)
```
#6f7972
```
#6f7972 rgb(111,121,114)
```
#79837c
```
#79837c rgb(121,131,124)
```

Shade Color Variation

#838c85
```
#838c85 rgb(131,140,133)
```
#8d968f
```
#8d968f rgb(141,150,143)
```
#979f99
```
#979f99 rgb(151,159,153)
```
#a1a9a3
```
#a1a9a3 rgb(161,169,163)
```
#acb2ad
```
#acb2ad rgb(172,178,173)
```
#b6bbb7
```
#b6bbb7 rgb(182,187,183)
```
#c0c5c1
```
#c0c5c1 rgb(192,197,193)
```
#cacecb
```
#cacecb rgb(202,206,203)
```
#d4d8d5
```
#d4d8d5 rgb(212,216,213)
```
#dfe1df
```
#dfe1df rgb(223,225,223)
```
#e9eae9
```
#e9eae9 rgb(233,234,233)
```
#f3f4f3
```
#f3f4f3 rgb(243,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535a55 is the less saturated color, while #03aa33 is the most saturated one.

#535a55
```
#535a55 rgb(83,90,85)
```
#4c6152
```
#4c6152 rgb(76,97,82)
```
#46674f
```
#46674f rgb(70,103,79)
```
#3f6e4c
```
#3f6e4c rgb(63,110,76)
```
#38754a
```
#38754a rgb(56,117,74)
```
#327b47
```
#327b47 rgb(50,123,71)
```
#2b8244
```
#2b8244 rgb(43,130,68)
```
#248941
```
#248941 rgb(36,137,65)
```
#1e8f3e
```
#1e8f3e rgb(30,143,62)
```
#17963b
```
#17963b rgb(23,150,59)
```
#109d38
```
#109d38 rgb(16,157,56)
```
#0aa336
```
#0aa336 rgb(10,163,54)
```
#03aa33
```
#03aa33 rgb(3,170,51)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63605c Protanopia 1% of men
#6a5d5f Deuteranopia 1% of men
#5d6167 Tritanopia 0.001% of the population

Trichromacy

#5d5e59 Protanomaly 1% of men, 0.01% of women
#615c5b Deuteranomaly 6% of men, 0.4% of women
#595e61 Tritanomaly 0.01% of the population

#535a55 hex color

#535a55 Color Information

#535a55 Color Conversion

Color Schemes with #535a55

Alternatives to #535a55

#535a55 Preview

Shades and Tints of #535a55

Tones of #535a55

Color Blindness Simulator