#535e2f hex color

In a RGB color space, hex #535e2f is composed of 32.5% red, 36.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 11.7% cyan, 0% magenta, 50% yellow and 63.1% black. It has a hue angle of 74 degrees, a saturation of 33.3% and a lightness of 27.6%. #535e2f color hex could be obtained by blending #a6bc5e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 37
- B 18
RGB color chart
- C 12
- M 0
- Y 50
- K 63
CMYK color chart

● #535e2f color description : Very dark desaturated yellow.

The hexadecimal color #535e2f has RGB values of R:83, G:94, B:47 and CMYK values of C:0.12, M:0, Y:0.5, K:0.63. Its decimal value is 5463599.

Hex triplet	535e2f	`#535e2f`
RGB Decimal	83, 94, 47	`rgb(83,94,47)`
RGB Percent	32.5, 36.9, 18.4	`rgb(32.5%,36.9%,18.4%)`
CMYK	12, 0, 50, 63
HSL	74°, 33.3, 27.6	`hsl(74,33.3%,27.6%)`
HSV (or HSB)	74°, 50, 36.9
Web Safe	666633	`#666633`

CIE-LAB	37.931, -12.585, 25.392
XYZ	8.083, 10.05, 4.203
xyY	0.362, 0.45, 10.05
CIE-LCH	37.931, 28.34, 116.365
CIE-LUV	37.931, -4.56, 29.214
Hunter-Lab	31.701, -9.964, 14.33
Binary	01010011, 01011110, 00101111

#535e2f
```
#535e2f rgb(83,94,47)
```
#3a2f5e
```
#3a2f5e rgb(58,47,94)
```

Complementary Color

#5e522f
```
#5e522f rgb(94,82,47)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#3c5e2f
```
#3c5e2f rgb(60,94,47)
```

Analogous Color

#522f5e
```
#522f5e rgb(82,47,94)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#2f3c5e
```
#2f3c5e rgb(47,60,94)
```

Split Complementary Color

#5e2f53
```
#5e2f53 rgb(94,47,83)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#2f535e
```
#2f535e rgb(47,83,94)
```

Triadic Color

#5e3a2f
```
#5e3a2f rgb(94,58,47)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#2f535e
```
#2f535e rgb(47,83,94)
```
#3a2f5e
```
#3a2f5e rgb(58,47,94)
```

Tetradic Color

#262b16
```
#262b16 rgb(38,43,22)
```
#353c1e
```
#353c1e rgb(53,60,30)
```
#444d27
```
#444d27 rgb(68,77,39)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#626f38
```
#626f38 rgb(98,111,56)
```
#718040
```
#718040 rgb(113,128,64)
```
#809149
```
#809149 rgb(128,145,73)
```

Monochromatic Color

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

#5e5d2f
```
#5e5d2f rgb(94,93,47)
```
#5b5e2f
```
#5b5e2f rgb(91,94,47)
```
#575e2f
```
#575e2f rgb(87,94,47)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#4f5e2f
```
#4f5e2f rgb(79,94,47)
```
#4b5e2f
```
#4b5e2f rgb(75,94,47)
```
#475e2f
```
#475e2f rgb(71,94,47)
```

Similar Colors

Text with hexadecimal color #535e2f

This text has a font color of #535e2f.

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

#535e2f background color

This paragraph has a background color of #535e2f.

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

#535e2f border color

This element has a border color of #535e2f.

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

CSS codes

.text {color:#535e2f;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0e1008
```
#0e1008 rgb(14,16,8)
```
#191d0e
```
#191d0e rgb(25,29,14)
```
#252a15
```
#252a15 rgb(37,42,21)
```
#30371b
```
#30371b rgb(48,55,27)
```
#3c4422
```
#3c4422 rgb(60,68,34)
```
#475128
```
#475128 rgb(71,81,40)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#5f6b36
```
#5f6b36 rgb(95,107,54)
```
#6a783c
```
#6a783c rgb(106,120,60)
```
#768543
```
#768543 rgb(118,133,67)
```
#819249
```
#819249 rgb(129,146,73)
```
#8d9f50
```
#8d9f50 rgb(141,159,80)
```

Shade Color Variation

#98ab57
```
#98ab57 rgb(152,171,87)
```
#a0b265
```
#a0b265 rgb(160,178,101)
```
#a8b872
```
#a8b872 rgb(168,184,114)
```
#b0bf7f
```
#b0bf7f rgb(176,191,127)
```
#b8c58c
```
#b8c58c rgb(184,197,140)
```
#c0cc99
```
#c0cc99 rgb(192,204,153)
```
#c8d2a6
```
#c8d2a6 rgb(200,210,166)
```
#d0d9b3
```
#d0d9b3 rgb(208,217,179)
```
#d8e0c0
```
#d8e0c0 rgb(216,224,192)
```
#e0e6cd
```
#e0e6cd rgb(224,230,205)
```
#e8edda
```
#e8edda rgb(232,237,218)
```
#f0f3e7
```
#f0f3e7 rgb(240,243,231)
```
#f8faf4
```
#f8faf4 rgb(248,250,244)
```

Tint Color Variation

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

#474845
```
#474845 rgb(71,72,69)
```
#4a4e3f
```
#4a4e3f rgb(74,78,63)
```
#4d533a
```
#4d533a rgb(77,83,58)
```
#505934
```
#505934 rgb(80,89,52)
```
#535e2f
```
#535e2f rgb(83,94,47)
```
#56632a
```
#56632a rgb(86,99,42)
```
#596924
```
#596924 rgb(89,105,36)
```
#5c6e1f
```
#5c6e1f rgb(92,110,31)
```
#5f7419
```
#5f7419 rgb(95,116,25)
```
#617914
```
#617914 rgb(97,121,20)
```
#647f0e
```
#647f0e rgb(100,127,14)
```
#678409
```
#678409 rgb(103,132,9)
```
#6a8904
```
#6a8904 rgb(106,137,4)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55574d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6138 Protanopia 1% of men
#755d3c Deuteranopia 1% of men
#626168 Tritanopia 0.001% of the population

Trichromacy

#626034 Protanomaly 1% of men, 0.01% of women
#695d37 Deuteranomaly 6% of men, 0.4% of women
#5c5f53 Tritanomaly 0.01% of the population

#535e2f hex color

#535e2f Color Information

#535e2f Color Conversion

Color Schemes with #535e2f

Alternatives to #535e2f

#535e2f Preview

Shades and Tints of #535e2f

Tones of #535e2f

Color Blindness Simulator