colorhexa.com

#535248 hex color

In a RGB color space, hex #535248 is composed of 32.5% red, 32.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 54.5 degrees, a saturation of 7.1% and a lightness of 30.4%. #535248 color hex could be obtained by blending #a6a490 with #000000. Closest websafe color is: #666633.

- R 33
- G 32
- B 28
RGB color chart
- C 0
- M 1
- Y 13
- K 67
CMYK color chart

● #535248 color description : Very dark grayish yellow.

The hexadecimal color #535248 has RGB values of R:83, G:82, B:72 and CMYK values of C:0, M:0.01, Y:0.13, K:0.67. Its decimal value is 5460552.

Hex triplet	535248	`#535248`
RGB Decimal	83, 82, 72	`rgb(83,82,72)`
RGB Percent	32.5, 32.2, 28.2	`rgb(32.5%,32.2%,28.2%)`
CMYK	0, 1, 13, 67
HSL	54.5°, 7.1, 30.4	`hsl(54.5,7.1%,30.4%)`
HSV (or HSB)	54.5°, 13.3, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.684, -1.613, 6.019
XYZ	7.754, 8.342, 7.332
xyY	0.331, 0.356, 8.342
CIE-LCH	34.684, 6.231, 104.999
CIE-LUV	34.684, 1.095, 7.398
Hunter-Lab	28.882, -2.62, 5.165
Binary	01010011, 01010010, 01001000

#535248
```
#535248 rgb(83,82,72)
```
#484953
```
#484953 rgb(72,73,83)
```

Complementary Color

#534d48
```
#534d48 rgb(83,77,72)
```
#535248
```
#535248 rgb(83,82,72)
```
#4f5348
```
#4f5348 rgb(79,83,72)
```

Analogous Color

#4d4853
```
#4d4853 rgb(77,72,83)
```
#535248
```
#535248 rgb(83,82,72)
```
#484f53
```
#484f53 rgb(72,79,83)
```

Split Complementary Color

#2a2a24
```
#2a2a24 rgb(42,42,36)
```
#383730
```
#383730 rgb(56,55,48)
```
#45453c
```
#45453c rgb(69,69,60)
```
#535248
```
#535248 rgb(83,82,72)
```
#615f54
```
#615f54 rgb(97,95,84)
```
#6e6d60
```
#6e6d60 rgb(110,109,96)
```
#7c7a6c
```
#7c7a6c rgb(124,122,108)
```

Monochromatic Color

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

#534f48
```
#534f48 rgb(83,79,72)
```
#535048
```
#535048 rgb(83,80,72)
```
#535148
```
#535148 rgb(83,81,72)
```
#535248
```
#535248 rgb(83,82,72)
```
#535348
```
#535348 rgb(83,83,72)
```
#525348
```
#525348 rgb(82,83,72)
```
#515348
```
#515348 rgb(81,83,72)
```

Similar Colors

Text with hexadecimal color #535248

This text has a font color of #535248.

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

#535248 background color

This paragraph has a background color of #535248.

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

#535248 border color

This element has a border color of #535248.

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

CSS codes

.text {color:#535248;}

.background {background-color:#535248;}

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

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

#090908
```
#090908 rgb(9,9,8)
```
#141411
```
#141411 rgb(20,20,17)
```
#1e1e1a
```
#1e1e1a rgb(30,30,26)
```
#292824
```
#292824 rgb(41,40,36)
```
#33332d
```
#33332d rgb(51,51,45)
```
#3e3d36
```
#3e3d36 rgb(62,61,54)
```
#48483f
```
#48483f rgb(72,72,63)
```
#535248
```
#535248 rgb(83,82,72)
```
#5e5c51
```
#5e5c51 rgb(94,92,81)
```
#68675a
```
#68675a rgb(104,103,90)
```
#737163
```
#737163 rgb(115,113,99)
```
#7d7c6c
```
#7d7c6c rgb(125,124,108)
```
#888676
```
#888676 rgb(136,134,118)
```

Shade Color Variation

#918f80
```
#918f80 rgb(145,143,128)
```
#9a988a
```
#9a988a rgb(154,152,138)
```
#a3a295
```
#a3a295 rgb(163,162,149)
```
#acab9f
```
#acab9f rgb(172,171,159)
```
#b5b4aa
```
#b5b4aa rgb(181,180,170)
```
#bebdb4
```
#bebdb4 rgb(190,189,180)
```
#c7c7bf
```
#c7c7bf rgb(199,199,191)
```
#d1d0c9
```
#d1d0c9 rgb(209,208,201)
```
#dad9d4
```
#dad9d4 rgb(218,217,212)
```
#e3e2de
```
#e3e2de rgb(227,226,222)
```
#ecece9
```
#ecece9 rgb(236,236,233)
```
#f5f5f3
```
#f5f5f3 rgb(245,245,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#535248
```
#535248 rgb(83,82,72)
```
#595742
```
#595742 rgb(89,87,66)
```
#5f5c3c
```
#5f5c3c rgb(95,92,60)
```
#656136
```
#656136 rgb(101,97,54)
```
#6b6630
```
#6b6630 rgb(107,102,48)
```
#716a2a
```
#716a2a rgb(113,106,42)
```
#776f24
```
#776f24 rgb(119,111,36)
```
#7d741e
```
#7d741e rgb(125,116,30)
```
#837918
```
#837918 rgb(131,121,24)
```
#897e12
```
#897e12 rgb(137,126,18)
```
#8f830c
```
#8f830c rgb(143,131,12)
```
#958806
```
#958806 rgb(149,136,6)
```
#9b8d00
```
#9b8d00 rgb(155,141,0)
```

Tone Color Variation

Below, you can see how #535248 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
#51514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5a51 Protanopia 1% of men
#655752 Deuteranopia 1% of men
#5e585f Tritanopia 0.001% of the population

Trichromacy

#5a574d Protanomaly 1% of men, 0.01% of women
#5f554e Deuteranomaly 6% of men, 0.4% of women
#5a5656 Tritanomaly 0.01% of the population