#535342 hex color

In a RGB color space, hex #535342 is composed of 32.5% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 20.5% yellow and 67.5% black. It has a hue angle of 60 degrees, a saturation of 11.4% and a lightness of 29.2%. #535342 color hex could be obtained by blending #a6a684 with #000000. Closest websafe color is: #666633.

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

● #535342 color description : Very dark grayish yellow.

The hexadecimal color #535342 has RGB values of R:83, G:83, B:66 and CMYK values of C:0, M:0, Y:0.2, K:0.67. Its decimal value is 5460802.

Hex triplet	535342	`#535342`
RGB Decimal	83, 83, 66	`rgb(83,83,66)`
RGB Percent	32.5, 32.5, 25.9	`rgb(32.5%,32.5%,25.9%)`
CMYK	0, 0, 20, 67
HSL	60°, 11.4, 29.2	`hsl(60,11.4%,29.2%)`
HSV (or HSB)	60°, 20.5, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.841, -3.32, 9.99
XYZ	7.644, 8.419, 6.376
xyY	0.341, 0.375, 8.419
CIE-LCH	34.841, 10.527, 108.382
CIE-LUV	34.841, 0.871, 12.098
Hunter-Lab	29.015, -3.753, 7.281
Binary	01010011, 01010011, 01000010

#535342
```
#535342 rgb(83,83,66)
```
#424253
```
#424253 rgb(66,66,83)
```

Complementary Color

#534b42
```
#534b42 rgb(83,75,66)
```
#535342
```
#535342 rgb(83,83,66)
```
#4b5342
```
#4b5342 rgb(75,83,66)
```

Analogous Color

#4b4253
```
#4b4253 rgb(75,66,83)
```
#535342
```
#535342 rgb(83,83,66)
```
#424b53
```
#424b53 rgb(66,75,83)
```

Split Complementary Color

#534253
```
#534253 rgb(83,66,83)
```
#535342
```
#535342 rgb(83,83,66)
```
#425353
```
#425353 rgb(66,83,83)
```

Triadic Color

#534242
```
#534242 rgb(83,66,66)
```
#535342
```
#535342 rgb(83,83,66)
```
#425353
```
#425353 rgb(66,83,83)
```
#424253
```
#424253 rgb(66,66,83)
```

Tetradic Color

#282820
```
#282820 rgb(40,40,32)
```
#37372b
```
#37372b rgb(55,55,43)
```
#454537
```
#454537 rgb(69,69,55)
```
#535342
```
#535342 rgb(83,83,66)
```
#61614d
```
#61614d rgb(97,97,77)
```
#6f6f59
```
#6f6f59 rgb(111,111,89)
```
#7e7e64
```
#7e7e64 rgb(126,126,100)
```

Monochromatic Color

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

#534f42
```
#534f42 rgb(83,79,66)
```
#535042
```
#535042 rgb(83,80,66)
```
#535242
```
#535242 rgb(83,82,66)
```
#535342
```
#535342 rgb(83,83,66)
```
#525342
```
#525342 rgb(82,83,66)
```
#505342
```
#505342 rgb(80,83,66)
```
#4f5342
```
#4f5342 rgb(79,83,66)
```

Similar Colors

Text with hexadecimal color #535342

This text has a font color of #535342.

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

#535342 background color

This paragraph has a background color of #535342.

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

#535342 border color

This element has a border color of #535342.

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

CSS codes

.text {color:#535342;}

.background {background-color:#535342;}

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

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

#070705
```
#070705 rgb(7,7,5)
```
#11110e
```
#11110e rgb(17,17,14)
```
#1c1c17
```
#1c1c17 rgb(28,28,23)
```
#27271f
```
#27271f rgb(39,39,31)
```
#323228
```
#323228 rgb(50,50,40)
```
#3d3d31
```
#3d3d31 rgb(61,61,49)
```
#484839
```
#484839 rgb(72,72,57)
```
#535342
```
#535342 rgb(83,83,66)
```
#5e5e4b
```
#5e5e4b rgb(94,94,75)
```
#696953
```
#696953 rgb(105,105,83)
```
#74745c
```
#74745c rgb(116,116,92)
```
#7f7f65
```
#7f7f65 rgb(127,127,101)
```
#8a8a6d
```
#8a8a6d rgb(138,138,109)
```

Shade Color Variation

#939377
```
#939377 rgb(147,147,119)
```
#9c9c82
```
#9c9c82 rgb(156,156,130)
```
#a5a58d
```
#a5a58d rgb(165,165,141)
```
#adad98
```
#adad98 rgb(173,173,152)
```
#b6b6a3
```
#b6b6a3 rgb(182,182,163)
```
#bfbfae
```
#bfbfae rgb(191,191,174)
```
#c7c7b9
```
#c7c7b9 rgb(199,199,185)
```
#d0d0c4
```
#d0d0c4 rgb(208,208,196)
```
#d9d9cf
```
#d9d9cf rgb(217,217,207)
```
#e1e1da
```
#e1e1da rgb(225,225,218)
```
#eaeae5
```
#eaeae5 rgb(234,234,229)
```
#f3f3f0
```
#f3f3f0 rgb(243,243,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#4d4d48
```
#4d4d48 rgb(77,77,72)
```
#535342
```
#535342 rgb(83,83,66)
```
#59593c
```
#59593c rgb(89,89,60)
```
#5e5e37
```
#5e5e37 rgb(94,94,55)
```
#646431
```
#646431 rgb(100,100,49)
```
#6a6a2b
```
#6a6a2b rgb(106,106,43)
```
#707025
```
#707025 rgb(112,112,37)
```
#757520
```
#757520 rgb(117,117,32)
```
#7b7b1a
```
#7b7b1a rgb(123,123,26)
```
#818114
```
#818114 rgb(129,129,20)
```
#87870e
```
#87870e rgb(135,135,14)
```
#8c8c09
```
#8c8c09 rgb(140,140,9)
```
#929203
```
#929203 rgb(146,146,3)
```

Tone Color Variation

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

#605a4b Protanopia 1% of men
#68574d Deuteranopia 1% of men
#5f595f Tritanopia 0.001% of the population

Trichromacy

#5b5747 Protanomaly 1% of men, 0.01% of women
#605549 Deuteranomaly 6% of men, 0.4% of women
#5a5654 Tritanomaly 0.01% of the population

#535342 hex color

#535342 Color Information

#535342 Color Conversion

Color Schemes with #535342

Alternatives to #535342

#535342 Preview

Shades and Tints of #535342

Tones of #535342

Color Blindness Simulator