#535a2d hex color

In a RGB color space, hex #535a2d is composed of 32.5% red, 35.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 50% yellow and 64.7% black. It has a hue angle of 69.3 degrees, a saturation of 33.3% and a lightness of 26.5%. #535a2d color hex could be obtained by blending #a6b45a with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #535a2d has RGB values of R:83, G:90, B:45 and CMYK values of C:0.08, M:0, Y:0.5, K:0.65. Its decimal value is 5462573.

Hex triplet	535a2d	`#535a2d`
RGB Decimal	83, 90, 45	`rgb(83,90,45)`
RGB Percent	32.5, 35.3, 17.6	`rgb(32.5%,35.3%,17.6%)`
CMYK	8, 0, 50, 65
HSL	69.3°, 33.3, 26.5	`hsl(69.3,33.3%,26.5%)`
HSV (or HSB)	69.3°, 50, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.632, -10.543, 24.931
XYZ	7.697, 9.341, 3.88
xyY	0.368, 0.447, 9.341
CIE-LCH	36.632, 27.069, 112.923
CIE-LUV	36.632, -2.262, 28.049
Hunter-Lab	30.563, -8.531, 13.867
Binary	01010011, 01011010, 00101101

#535a2d
```
#535a2d rgb(83,90,45)
```
#342d5a
```
#342d5a rgb(52,45,90)
```

Complementary Color

#5a4b2d
```
#5a4b2d rgb(90,75,45)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#3d5a2d
```
#3d5a2d rgb(61,90,45)
```

Analogous Color

#4a2d5a
```
#4a2d5a rgb(74,45,90)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#2d3d5a
```
#2d3d5a rgb(45,61,90)
```

Split Complementary Color

#5a2d53
```
#5a2d53 rgb(90,45,83)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#2d535a
```
#2d535a rgb(45,83,90)
```

Triadic Color

#5a342d
```
#5a342d rgb(90,52,45)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#2d535a
```
#2d535a rgb(45,83,90)
```
#342d5a
```
#342d5a rgb(52,45,90)
```

Tetradic Color

#242714
```
#242714 rgb(36,39,20)
```
#34381c
```
#34381c rgb(52,56,28)
```
#434925
```
#434925 rgb(67,73,37)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#636b36
```
#636b36 rgb(99,107,54)
```
#727c3e
```
#727c3e rgb(114,124,62)
```
#828d47
```
#828d47 rgb(130,141,71)
```

Monochromatic Color

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

#5a562d
```
#5a562d rgb(90,86,45)
```
#5a5a2d
```
#5a5a2d rgb(90,90,45)
```
#575a2d
```
#575a2d rgb(87,90,45)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#4f5a2d
```
#4f5a2d rgb(79,90,45)
```
#4c5a2d
```
#4c5a2d rgb(76,90,45)
```
#485a2d
```
#485a2d rgb(72,90,45)
```

Similar Colors

Text with hexadecimal color #535a2d

This text has a font color of #535a2d.

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

#535a2d background color

This paragraph has a background color of #535a2d.

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

#535a2d border color

This element has a border color of #535a2d.

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

CSS codes

.text {color:#535a2d;}

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

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

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

#0b0c06
```
#0b0c06 rgb(11,12,6)
```
#17190c
```
#17190c rgb(23,25,12)
```
#232613
```
#232613 rgb(35,38,19)
```
#2f3319
```
#2f3319 rgb(47,51,25)
```
#3b4020
```
#3b4020 rgb(59,64,32)
```
#474d26
```
#474d26 rgb(71,77,38)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#5f6734
```
#5f6734 rgb(95,103,52)
```
#6b743a
```
#6b743a rgb(107,116,58)
```
#778141
```
#778141 rgb(119,129,65)
```
#838e47
```
#838e47 rgb(131,142,71)
```
#8f9b4e
```
#8f9b4e rgb(143,155,78)
```
#9ba854
```
#9ba854 rgb(155,168,84)
```

Shade Color Variation

#a3b061
```
#a3b061 rgb(163,176,97)
```
#abb66e
```
#abb66e rgb(171,182,110)
```
#b3bd7b
```
#b3bd7b rgb(179,189,123)
```
#bac388
```
#bac388 rgb(186,195,136)
```
#c2ca95
```
#c2ca95 rgb(194,202,149)
```
#c9d0a2
```
#c9d0a2 rgb(201,208,162)
```
#d1d7af
```
#d1d7af rgb(209,215,175)
```
#d8debc
```
#d8debc rgb(216,222,188)
```
#e0e4c9
```
#e0e4c9 rgb(224,228,201)
```
#e7ebd6
```
#e7ebd6 rgb(231,235,214)
```
#eff1e3
```
#eff1e3 rgb(239,241,227)
```
#f7f8f0
```
#f7f8f0 rgb(247,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#454542
```
#454542 rgb(69,69,66)
```
#484a3d
```
#484a3d rgb(72,74,61)
```
#4c5037
```
#4c5037 rgb(76,80,55)
```
#4f5532
```
#4f5532 rgb(79,85,50)
```
#535a2d
```
#535a2d rgb(83,90,45)
```
#575f28
```
#575f28 rgb(87,95,40)
```
#5a6423
```
#5a6423 rgb(90,100,35)
```
#5e6a1d
```
#5e6a1d rgb(94,106,29)
```
#616f18
```
#616f18 rgb(97,111,24)
```
#657413
```
#657413 rgb(101,116,19)
```
#68790e
```
#68790e rgb(104,121,14)
```
#6c7e09
```
#6c7e09 rgb(108,126,9)
```
#708403
```
#708403 rgb(112,132,3)
```

Tone Color Variation

Below, you can see how #535a2d 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
#53544b Atypical Achromatopsia 0.001% of the population

Dichromacy

#685f36 Protanopia 1% of men
#725a3a Deuteranopia 1% of men
#615d64 Tritanopia 0.001% of the population

Trichromacy

#605d33 Protanomaly 1% of men, 0.01% of women
#675a35 Deuteranomaly 6% of men, 0.4% of women
#5c5c50 Tritanomaly 0.01% of the population

#535a2d hex color

#535a2d Color Information

#535a2d Color Conversion

Color Schemes with #535a2d

Alternatives to #535a2d

#535a2d Preview

Shades and Tints of #535a2d

Tones of #535a2d

Color Blindness Simulator