#535344 hex color

In a RGB color space, hex #535344 is composed of 32.5% red, 32.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 18.1% yellow and 67.5% black. It has a hue angle of 60 degrees, a saturation of 9.9% and a lightness of 29.6%. #535344 color hex could be obtained by blending #a6a688 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 33
- B 27
RGB color chart
- C 0
- M 0
- Y 18
- K 67
CMYK color chart

● #535344 color description : Very dark grayish yellow.

The hexadecimal color #535344 has RGB values of R:83, G:83, B:68 and CMYK values of C:0, M:0, Y:0.18, K:0.67. Its decimal value is 5460804.

Hex triplet	535344	`#535344`
RGB Decimal	83, 83, 68	`rgb(83,83,68)`
RGB Percent	32.5, 32.5, 26.7	`rgb(32.5%,32.5%,26.7%)`
CMYK	0, 0, 18, 67
HSL	60°, 9.9, 29.6	`hsl(60,9.9%,29.6%)`
HSV (or HSB)	60°, 18.1, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.889, -2.965, 8.81
XYZ	7.704, 8.443, 6.692
xyY	0.337, 0.37, 8.443
CIE-LCH	34.889, 9.296, 108.597
CIE-LUV	34.889, 0.774, 10.76
Hunter-Lab	29.057, -3.524, 6.684
Binary	01010011, 01010011, 01000100

#535344
```
#535344 rgb(83,83,68)
```
#444453
```
#444453 rgb(68,68,83)
```

Complementary Color

#534c44
```
#534c44 rgb(83,76,68)
```
#535344
```
#535344 rgb(83,83,68)
```
#4c5344
```
#4c5344 rgb(76,83,68)
```

Analogous Color

#4c4453
```
#4c4453 rgb(76,68,83)
```
#535344
```
#535344 rgb(83,83,68)
```
#444c53
```
#444c53 rgb(68,76,83)
```

Split Complementary Color

#534453
```
#534453 rgb(83,68,83)
```
#535344
```
#535344 rgb(83,83,68)
```
#445353
```
#445353 rgb(68,83,83)
```

Triadic Color

#534444
```
#534444 rgb(83,68,68)
```
#535344
```
#535344 rgb(83,83,68)
```
#445353
```
#445353 rgb(68,83,83)
```
#444453
```
#444453 rgb(68,68,83)
```

Tetradic Color

#292922
```
#292922 rgb(41,41,34)
```
#37372d
```
#37372d rgb(55,55,45)
```
#454539
```
#454539 rgb(69,69,57)
```
#535344
```
#535344 rgb(83,83,68)
```
#61614f
```
#61614f rgb(97,97,79)
```
#6f6f5b
```
#6f6f5b rgb(111,111,91)
```
#7d7d66
```
#7d7d66 rgb(125,125,102)
```

Monochromatic Color

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

#534f44
```
#534f44 rgb(83,79,68)
```
#535144
```
#535144 rgb(83,81,68)
```
#535244
```
#535244 rgb(83,82,68)
```
#535344
```
#535344 rgb(83,83,68)
```
#525344
```
#525344 rgb(82,83,68)
```
#515344
```
#515344 rgb(81,83,68)
```
#4f5344
```
#4f5344 rgb(79,83,68)
```

Similar Colors

Text with hexadecimal color #535344

This text has a font color of #535344.

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

#535344 background color

This paragraph has a background color of #535344.

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

#535344 border color

This element has a border color of #535344.

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

CSS codes

.text {color:#535344;}

.background {background-color:#535344;}

.border {border:1px solid #535344;}

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

#080806
```
#080806 rgb(8,8,6)
```
#12120f
```
#12120f rgb(18,18,15)
```
#1d1d18
```
#1d1d18 rgb(29,29,24)
```
#282821
```
#282821 rgb(40,40,33)
```
#333329
```
#333329 rgb(51,51,41)
```
#3d3d32
```
#3d3d32 rgb(61,61,50)
```
#48483b
```
#48483b rgb(72,72,59)
```
#535344
```
#535344 rgb(83,83,68)
```
#5e5e4d
```
#5e5e4d rgb(94,94,77)
```
#696956
```
#696956 rgb(105,105,86)
```
#73735f
```
#73735f rgb(115,115,95)
```
#7e7e67
```
#7e7e67 rgb(126,126,103)
```
#898970
```
#898970 rgb(137,137,112)
```

Shade Color Variation

#92927a
```
#92927a rgb(146,146,122)
```
#9b9b85
```
#9b9b85 rgb(155,155,133)
```
#a4a490
```
#a4a490 rgb(164,164,144)
```
#adad9b
```
#adad9b rgb(173,173,155)
```
#b6b6a5
```
#b6b6a5 rgb(182,182,165)
```
#bebeb0
```
#bebeb0 rgb(190,190,176)
```
#c7c7bb
```
#c7c7bb rgb(199,199,187)
```
#d0d0c6
```
#d0d0c6 rgb(208,208,198)
```
#d9d9d1
```
#d9d9d1 rgb(217,217,209)
```
#e2e2db
```
#e2e2db rgb(226,226,219)
```
#ebebe6
```
#ebebe6 rgb(235,235,230)
```
#f3f3f1
```
#f3f3f1 rgb(243,243,241)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d4d4a is the less saturated color, while #939304 is the most saturated one.

#4d4d4a
```
#4d4d4a rgb(77,77,74)
```
#535344
```
#535344 rgb(83,83,68)
```
#59593e
```
#59593e rgb(89,89,62)
```
#5f5f38
```
#5f5f38 rgb(95,95,56)
```
#646433
```
#646433 rgb(100,100,51)
```
#6a6a2d
```
#6a6a2d rgb(106,106,45)
```
#707027
```
#707027 rgb(112,112,39)
```
#767621
```
#767621 rgb(118,118,33)
```
#7c7c1b
```
#7c7c1b rgb(124,124,27)
```
#818116
```
#818116 rgb(129,129,22)
```
#878710
```
#878710 rgb(135,135,16)
```
#8d8d0a
```
#8d8d0a rgb(141,141,10)
```
#939304
```
#939304 rgb(147,147,4)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#51514e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5a4d Protanopia 1% of men
#67574f Deuteranopia 1% of men
#5e595f Tritanopia 0.001% of the population

Trichromacy

#5b5749 Protanomaly 1% of men, 0.01% of women
#60564b Deuteranomaly 6% of men, 0.4% of women
#5a5755 Tritanomaly 0.01% of the population

#535344 hex color

#535344 Color Information

#535344 Color Conversion

Color Schemes with #535344

Alternatives to #535344

#535344 Preview

Shades and Tints of #535344

Tones of #535344

Color Blindness Simulator