#535a48 hex color

In a RGB color space, hex #535a48 is composed of 32.5% red, 35.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 20% yellow and 64.7% black. It has a hue angle of 83.3 degrees, a saturation of 11.1% and a lightness of 31.8%. #535a48 color hex could be obtained by blending #a6b490 with #000000. Closest websafe color is: #666633.

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

● #535a48 color description : Very dark grayish green.

The hexadecimal color #535a48 has RGB values of R:83, G:90, B:72 and CMYK values of C:0.08, M:0, Y:0.2, K:0.65. Its decimal value is 5462600.

Hex triplet	535a48	`#535a48`
RGB Decimal	83, 90, 72	`rgb(83,90,72)`
RGB Percent	32.5, 35.3, 28.2	`rgb(32.5%,35.3%,28.2%)`
CMYK	8, 0, 20, 65
HSL	83.3°, 11.1, 31.8	`hsl(83.3,11.1%,31.8%)`
HSV (or HSB)	83.3°, 20, 35.3
Web Safe	666633	`#666633`

CIE-LAB	37.15, -6.442, 9.49
XYZ	8.393, 9.619, 7.545
xyY	0.328, 0.376, 9.619
CIE-LCH	37.15, 11.47, 124.172
CIE-LUV	37.15, -3.066, 12.302
Hunter-Lab	31.015, -5.972, 7.287
Binary	01010011, 01011010, 01001000

#535a48
```
#535a48 rgb(83,90,72)
```
#4f485a
```
#4f485a rgb(79,72,90)
```

Complementary Color

#5a5848
```
#5a5848 rgb(90,88,72)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#4a5a48
```
#4a5a48 rgb(74,90,72)
```

Analogous Color

#58485a
```
#58485a rgb(88,72,90)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#484a5a
```
#484a5a rgb(72,74,90)
```

Split Complementary Color

#5a4853
```
#5a4853 rgb(90,72,83)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#48535a
```
#48535a rgb(72,83,90)
```

Triadic Color

#5a4f48
```
#5a4f48 rgb(90,79,72)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#48535a
```
#48535a rgb(72,83,90)
```
#4f485a
```
#4f485a rgb(79,72,90)
```

Tetradic Color

#2c3026
```
#2c3026 rgb(44,48,38)
```
#393e31
```
#393e31 rgb(57,62,49)
```
#464c3d
```
#464c3d rgb(70,76,61)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#606853
```
#606853 rgb(96,104,83)
```
#6d765f
```
#6d765f rgb(109,118,95)
```
#7a856a
```
#7a856a rgb(122,133,106)
```

Monochromatic Color

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

#585a48
```
#585a48 rgb(88,90,72)
```
#565a48
```
#565a48 rgb(86,90,72)
```
#555a48
```
#555a48 rgb(85,90,72)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#525a48
```
#525a48 rgb(82,90,72)
```
#505a48
```
#505a48 rgb(80,90,72)
```
#4f5a48
```
#4f5a48 rgb(79,90,72)
```

Similar Colors

Text with hexadecimal color #535a48

This text has a font color of #535a48.

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

#535a48 background color

This paragraph has a background color of #535a48.

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

#535a48 border color

This element has a border color of #535a48.

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

CSS codes

.text {color:#535a48;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0d0e0b
```
#0d0e0b rgb(13,14,11)
```
#171914
```
#171914 rgb(23,25,20)
```
#21241c
```
#21241c rgb(33,36,28)
```
#2b2e25
```
#2b2e25 rgb(43,46,37)
```
#35392e
```
#35392e rgb(53,57,46)
```
#3f4437
```
#3f4437 rgb(63,68,55)
```
#494f3f
```
#494f3f rgb(73,79,63)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#5d6551
```
#5d6551 rgb(93,101,81)
```
#677059
```
#677059 rgb(103,112,89)
```
#717b62
```
#717b62 rgb(113,123,98)
```
#7b866b
```
#7b866b rgb(123,134,107)
```

Shade Color Variation

#859074
```
#859074 rgb(133,144,116)
```
#8f997f
```
#8f997f rgb(143,153,127)
```
#98a18a
```
#98a18a rgb(152,161,138)
```
#a2aa95
```
#a2aa95 rgb(162,170,149)
```
#abb3a0
```
#abb3a0 rgb(171,179,160)
```
#b5bcab
```
#b5bcab rgb(181,188,171)
```
#bfc4b6
```
#bfc4b6 rgb(191,196,182)
```
#c8cdc0
```
#c8cdc0 rgb(200,205,192)
```
#d2d6cb
```
#d2d6cb rgb(210,214,203)
```
#dbded6
```
#dbded6 rgb(219,222,214)
```
#e5e7e1
```
#e5e7e1 rgb(229,231,225)
```
#eef0ec
```
#eef0ec rgb(238,240,236)
```
#f8f9f7
```
#f8f9f7 rgb(248,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52544e is the less saturated color, while #629f03 is the most saturated one.

#52544e
```
#52544e rgb(82,84,78)
```
#535a48
```
#535a48 rgb(83,90,72)
```
#546042
```
#546042 rgb(84,96,66)
```
#56663c
```
#56663c rgb(86,102,60)
```
#576d35
```
#576d35 rgb(87,109,53)
```
#59732f
```
#59732f rgb(89,115,47)
```
#5a7929
```
#5a7929 rgb(90,121,41)
```
#5b7f23
```
#5b7f23 rgb(91,127,35)
```
#5d861c
```
#5d861c rgb(93,134,28)
```
#5e8c16
```
#5e8c16 rgb(94,140,22)
```
#5f9210
```
#5f9210 rgb(95,146,16)
```
#61980a
```
#61980a rgb(97,152,10)
```
#629f03
```
#629f03 rgb(98,159,3)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655f50 Protanopia 1% of men
#6d5c53 Deuteranopia 1% of men
#5f5f66 Tritanopia 0.001% of the population

Trichromacy

#5e5d4d Protanomaly 1% of men, 0.01% of women
#635b4f Deuteranomaly 6% of men, 0.4% of women
#5a5d5b Tritanomaly 0.01% of the population

#535a48 hex color

#535a48 Color Information

#535a48 Color Conversion

Color Schemes with #535a48

Alternatives to #535a48

#535a48 Preview

Shades and Tints of #535a48

Tones of #535a48

Color Blindness Simulator