#535a2c hex color

In a RGB color space, hex #535a2c is composed of 32.5% red, 35.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 51.1% yellow and 64.7% black. It has a hue angle of 69.1 degrees, a saturation of 34.3% and a lightness of 26.3%. #535a2c color hex could be obtained by blending #a6b458 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #535a2c has RGB values of R:83, G:90, B:44 and CMYK values of C:0.08, M:0, Y:0.51, K:0.65. Its decimal value is 5462572.

Hex triplet	535a2c	`#535a2c`
RGB Decimal	83, 90, 44	`rgb(83,90,44)`
RGB Percent	32.5, 35.3, 17.3	`rgb(32.5%,35.3%,17.3%)`
CMYK	8, 0, 51, 65
HSL	69.1°, 34.3, 26.3	`hsl(69.1,34.3%,26.3%)`
HSV (or HSB)	69.1°, 51.1, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.618, -10.66, 25.478
XYZ	7.678, 9.333, 3.78
xyY	0.369, 0.449, 9.333
CIE-LCH	36.618, 27.618, 112.704
CIE-LUV	36.618, -2.238, 28.518
Hunter-Lab	30.55, -8.602, 14.05
Binary	01010011, 01011010, 00101100

#535a2c
```
#535a2c rgb(83,90,44)
```
#332c5a
```
#332c5a rgb(51,44,90)
```

Complementary Color

#5a4a2c
```
#5a4a2c rgb(90,74,44)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#3c5a2c
```
#3c5a2c rgb(60,90,44)
```

Analogous Color

#4a2c5a
```
#4a2c5a rgb(74,44,90)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#2c3c5a
```
#2c3c5a rgb(44,60,90)
```

Split Complementary Color

#5a2c53
```
#5a2c53 rgb(90,44,83)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#2c535a
```
#2c535a rgb(44,83,90)
```

Triadic Color

#5a332c
```
#5a332c rgb(90,51,44)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#2c535a
```
#2c535a rgb(44,83,90)
```
#332c5a
```
#332c5a rgb(51,44,90)
```

Tetradic Color

#242713
```
#242713 rgb(36,39,19)
```
#33381b
```
#33381b rgb(51,56,27)
```
#434924
```
#434924 rgb(67,73,36)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#636b34
```
#636b34 rgb(99,107,52)
```
#737c3d
```
#737c3d rgb(115,124,61)
```
#828d45
```
#828d45 rgb(130,141,69)
```

Monochromatic Color

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

#5a562c
```
#5a562c rgb(90,86,44)
```
#5a592c
```
#5a592c rgb(90,89,44)
```
#575a2c
```
#575a2c rgb(87,90,44)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#4f5a2c
```
#4f5a2c rgb(79,90,44)
```
#4b5a2c
```
#4b5a2c rgb(75,90,44)
```
#485a2c
```
#485a2c rgb(72,90,44)
```

Similar Colors

Text with hexadecimal color #535a2c

This text has a font color of #535a2c.

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

#535a2c background color

This paragraph has a background color of #535a2c.

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

#535a2c border color

This element has a border color of #535a2c.

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

CSS codes

.text {color:#535a2c;}

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

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

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

#0a0b05
```
#0a0b05 rgb(10,11,5)
```
#16180c
```
#16180c rgb(22,24,12)
```
#222512
```
#222512 rgb(34,37,18)
```
#2f3219
```
#2f3219 rgb(47,50,25)
```
#3b401f
```
#3b401f rgb(59,64,31)
```
#474d26
```
#474d26 rgb(71,77,38)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#5f6732
```
#5f6732 rgb(95,103,50)
```
#6b7439
```
#6b7439 rgb(107,116,57)
```
#77823f
```
#77823f rgb(119,130,63)
```
#848f46
```
#848f46 rgb(132,143,70)
```
#909c4c
```
#909c4c rgb(144,156,76)
```
#9ca953
```
#9ca953 rgb(156,169,83)
```

Shade Color Variation

#a4b15f
```
#a4b15f rgb(164,177,95)
```
#acb76c
```
#acb76c rgb(172,183,108)
```
#b3be79
```
#b3be79 rgb(179,190,121)
```
#bbc486
```
#bbc486 rgb(187,196,134)
```
#c2ca93
```
#c2ca93 rgb(194,202,147)
```
#c9d1a1
```
#c9d1a1 rgb(201,209,161)
```
#d1d7ae
```
#d1d7ae rgb(209,215,174)
```
#d8debb
```
#d8debb rgb(216,222,187)
```
#e0e4c8
```
#e0e4c8 rgb(224,228,200)
```
#e7ebd5
```
#e7ebd5 rgb(231,235,213)
```
#eff1e2
```
#eff1e2 rgb(239,241,226)
```
#f6f7f0
```
#f6f7f0 rgb(246,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#454541
```
#454541 rgb(69,69,65)
```
#484b3b
```
#484b3b rgb(72,75,59)
```
#4c5036
```
#4c5036 rgb(76,80,54)
```
#4f5531
```
#4f5531 rgb(79,85,49)
```
#535a2c
```
#535a2c rgb(83,90,44)
```
#575f27
```
#575f27 rgb(87,95,39)
```
#5a6422
```
#5a6422 rgb(90,100,34)
```
#5e691d
```
#5e691d rgb(94,105,29)
```
#616f17
```
#616f17 rgb(97,111,23)
```
#657412
```
#657412 rgb(101,116,18)
```
#69790d
```
#69790d rgb(105,121,13)
```
#6c7e08
```
#6c7e08 rgb(108,126,8)
```
#708303
```
#708303 rgb(112,131,3)
```

Tone Color Variation

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

#685e35 Protanopia 1% of men
#725a39 Deuteranopia 1% of men
#615d64 Tritanopia 0.001% of the population

Trichromacy

#605d32 Protanomaly 1% of men, 0.01% of women
#675a34 Deuteranomaly 6% of men, 0.4% of women
#5c5c4f Tritanomaly 0.01% of the population

#535a2c hex color

#535a2c Color Information

#535a2c Color Conversion

Color Schemes with #535a2c

Alternatives to #535a2c

#535a2c Preview

Shades and Tints of #535a2c

Tones of #535a2c

Color Blindness Simulator