#535a2f hex color

In a RGB color space, hex #535a2f is composed of 32.5% red, 35.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 47.8% yellow and 64.7% black. It has a hue angle of 69.8 degrees, a saturation of 31.4% and a lightness of 26.9%. #535a2f color hex could be obtained by blending #a6b45e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #535a2f has RGB values of R:83, G:90, B:47 and CMYK values of C:0.08, M:0, Y:0.48, K:0.65. Its decimal value is 5462575.

Hex triplet	535a2f	`#535a2f`
RGB Decimal	83, 90, 47	`rgb(83,90,47)`
RGB Percent	32.5, 35.3, 18.4	`rgb(32.5%,35.3%,18.4%)`
CMYK	8, 0, 48, 65
HSL	69.8°, 31.4, 26.9	`hsl(69.8,31.4%,26.9%)`
HSV (or HSB)	69.8°, 47.8, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.662, -10.302, 23.829
XYZ	7.736, 9.357, 4.088
xyY	0.365, 0.442, 9.357
CIE-LCH	36.662, 25.96, 113.381
CIE-LUV	36.662, -2.311, 27.085
Hunter-Lab	30.589, -8.384, 13.489
Binary	01010011, 01011010, 00101111

#535a2f
```
#535a2f rgb(83,90,47)
```
#362f5a
```
#362f5a rgb(54,47,90)
```

Complementary Color

#5a4c2f
```
#5a4c2f rgb(90,76,47)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#3e5a2f
```
#3e5a2f rgb(62,90,47)
```

Analogous Color

#4c2f5a
```
#4c2f5a rgb(76,47,90)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```

Split Complementary Color

#5a2f53
```
#5a2f53 rgb(90,47,83)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#2f535a
```
#2f535a rgb(47,83,90)
```

Triadic Color

#5a362f
```
#5a362f rgb(90,54,47)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#2f535a
```
#2f535a rgb(47,83,90)
```
#362f5a
```
#362f5a rgb(54,47,90)
```

Tetradic Color

#252815
```
#252815 rgb(37,40,21)
```
#34381e
```
#34381e rgb(52,56,30)
```
#444926
```
#444926 rgb(68,73,38)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#626b38
```
#626b38 rgb(98,107,56)
```
#727c40
```
#727c40 rgb(114,124,64)
```
#818c49
```
#818c49 rgb(129,140,73)
```

Monochromatic Color

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

#5a562f
```
#5a562f rgb(90,86,47)
```
#5a5a2f
```
#5a5a2f rgb(90,90,47)
```
#575a2f
```
#575a2f rgb(87,90,47)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#4f5a2f
```
#4f5a2f rgb(79,90,47)
```
#4c5a2f
```
#4c5a2f rgb(76,90,47)
```
#485a2f
```
#485a2f rgb(72,90,47)
```

Similar Colors

Text with hexadecimal color #535a2f

This text has a font color of #535a2f.

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

#535a2f background color

This paragraph has a background color of #535a2f.

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

#535a2f border color

This element has a border color of #535a2f.

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

CSS codes

.text {color:#535a2f;}

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

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

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, #0c0d07 is the darkest color, while #ffffff is the lightest one.

#0c0d07
```
#0c0d07 rgb(12,13,7)
```
#181a0d
```
#181a0d rgb(24,26,13)
```
#232614
```
#232614 rgb(35,38,20)
```
#2f331b
```
#2f331b rgb(47,51,27)
```
#3b4022
```
#3b4022 rgb(59,64,34)
```
#474d28
```
#474d28 rgb(71,77,40)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#5f6736
```
#5f6736 rgb(95,103,54)
```
#6b743c
```
#6b743c rgb(107,116,60)
```
#778143
```
#778143 rgb(119,129,67)
```
#838e4a
```
#838e4a rgb(131,142,74)
```
#8e9a51
```
#8e9a51 rgb(142,154,81)
```
#9aa757
```
#9aa757 rgb(154,167,87)
```

Shade Color Variation

#a2ae64
```
#a2ae64 rgb(162,174,100)
```
#aab571
```
#aab571 rgb(170,181,113)
```
#b2bc7e
```
#b2bc7e rgb(178,188,126)
```
#b9c28b
```
#b9c28b rgb(185,194,139)
```
#c1c998
```
#c1c998 rgb(193,201,152)
```
#c9d0a5
```
#c9d0a5 rgb(201,208,165)
```
#d0d7b1
```
#d0d7b1 rgb(208,215,177)
```
#d8ddbe
```
#d8ddbe rgb(216,221,190)
```
#e0e4cb
```
#e0e4cb rgb(224,228,203)
```
#e8ebd8
```
#e8ebd8 rgb(232,235,216)
```
#eff1e5
```
#eff1e5 rgb(239,241,229)
```
#f7f8f2
```
#f7f8f2 rgb(247,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#454544
```
#454544 rgb(69,69,68)
```
#484a3f
```
#484a3f rgb(72,74,63)
```
#4c4f3a
```
#4c4f3a rgb(76,79,58)
```
#4f5534
```
#4f5534 rgb(79,85,52)
```
#535a2f
```
#535a2f rgb(83,90,47)
```
#575f2a
```
#575f2a rgb(87,95,42)
```
#5a6524
```
#5a6524 rgb(90,101,36)
```
#5e6a1f
```
#5e6a1f rgb(94,106,31)
```
#616f1a
```
#616f1a rgb(97,111,26)
```
#657415
```
#657415 rgb(101,116,21)
```
#687a0f
```
#687a0f rgb(104,122,15)
```
#6c7f0a
```
#6c7f0a rgb(108,127,10)
```
#6f8405
```
#6f8405 rgb(111,132,5)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#53544c Atypical Achromatopsia 0.001% of the population

Dichromacy

#675f38 Protanopia 1% of men
#725b3c Deuteranopia 1% of men
#615d64 Tritanopia 0.001% of the population

Trichromacy

#605d35 Protanomaly 1% of men, 0.01% of women
#665a37 Deuteranomaly 6% of men, 0.4% of women
#5c5c50 Tritanomaly 0.01% of the population

#535a2f hex color

#535a2f Color Information

#535a2f Color Conversion

Color Schemes with #535a2f

Alternatives to #535a2f

#535a2f Preview

Shades and Tints of #535a2f

Tones of #535a2f

Color Blindness Simulator