#536c54 hex color

In a RGB color space, hex #536c54 is composed of 32.5% red, 42.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 22.2% yellow and 57.6% black. It has a hue angle of 122.4 degrees, a saturation of 13.1% and a lightness of 37.5%. #536c54 color hex could be obtained by blending #a6d8a8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 42
- B 33
RGB color chart
- C 23
- M 0
- Y 22
- K 58
CMYK color chart

● #536c54 color description : Very dark grayish lime green.

The hexadecimal color #536c54 has RGB values of R:83, G:108, B:84 and CMYK values of C:0.23, M:0, Y:0.22, K:0.58. Its decimal value is 5467220.

Hex triplet	536c54	`#536c54`
RGB Decimal	83, 108, 84	`rgb(83,108,84)`
RGB Percent	32.5, 42.4, 32.9	`rgb(32.5%,42.4%,32.9%)`
CMYK	23, 0, 22, 58
HSL	122.4°, 13.1, 37.5	`hsl(122.4,13.1%,37.5%)`
HSV (or HSB)	122.4°, 23.1, 42.4
Web Safe	666666	`#666666`

CIE-LAB	43.069, -14.469, 10.476
XYZ	10.53, 13.204, 10.381
xyY	0.309, 0.387, 13.204
CIE-LCH	43.069, 17.864, 144.093
CIE-LUV	43.069, -12.401, 15.322
Hunter-Lab	36.337, -11.865, 8.498
Binary	01010011, 01101100, 01010100

#536c54
```
#536c54 rgb(83,108,84)
```
#6c536b
```
#6c536b rgb(108,83,107)
```

Complementary Color

#5f6c53
```
#5f6c53 rgb(95,108,83)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#536c61
```
#536c61 rgb(83,108,97)
```

Analogous Color

#6c535f
```
#6c535f rgb(108,83,95)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#61536c
```
#61536c rgb(97,83,108)
```

Split Complementary Color

#6c5453
```
#6c5453 rgb(108,84,83)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#54536c
```
#54536c rgb(84,83,108)
```

Triadic Color

#6b6c53
```
#6b6c53 rgb(107,108,83)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#54536c
```
#54536c rgb(84,83,108)
```
#6c536b
```
#6c536b rgb(108,83,107)
```

Tetradic Color

#324132
```
#324132 rgb(50,65,50)
```
#3d4f3e
```
#3d4f3e rgb(61,79,62)
```
#485e49
```
#485e49 rgb(72,94,73)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#5e7a5f
```
#5e7a5f rgb(94,122,95)
```
#69896a
```
#69896a rgb(105,137,106)
```
#769677
```
#769677 rgb(118,150,119)
```

Monochromatic Color

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

#586c53
```
#586c53 rgb(88,108,83)
```
#566c53
```
#566c53 rgb(86,108,83)
```
#546c53
```
#546c53 rgb(84,108,83)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#536c56
```
#536c56 rgb(83,108,86)
```
#536c58
```
#536c58 rgb(83,108,88)
```
#536c5a
```
#536c5a rgb(83,108,90)
```

Similar Colors

Text with hexadecimal color #536c54

This text has a font color of #536c54.

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

#536c54 background color

This paragraph has a background color of #536c54.

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

#536c54 border color

This element has a border color of #536c54.

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

CSS codes

.text {color:#536c54;}

.background {background-color:#536c54;}

.border {border:1px solid #536c54;}

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

#060806
```
#060806 rgb(6,8,6)
```
#0f130f
```
#0f130f rgb(15,19,15)
```
#171e18
```
#171e18 rgb(23,30,24)
```
#202920
```
#202920 rgb(32,41,32)
```
#283529
```
#283529 rgb(40,53,41)
```
#314031
```
#314031 rgb(49,64,49)
```
#394b3a
```
#394b3a rgb(57,75,58)
```
#425643
```
#425643 rgb(66,86,67)
```
#4a614b
```
#4a614b rgb(74,97,75)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#5c775d
```
#5c775d rgb(92,119,93)
```
#648265
```
#648265 rgb(100,130,101)
```
#6d8d6e
```
#6d8d6e rgb(109,141,110)
```

Shade Color Variation

#779678
```
#779678 rgb(119,150,120)
```
#829f83
```
#829f83 rgb(130,159,131)
```
#8da88e
```
#8da88e rgb(141,168,142)
```
#98b099
```
#98b099 rgb(152,176,153)
```
#a3b9a4
```
#a3b9a4 rgb(163,185,164)
```
#aec1af
```
#aec1af rgb(174,193,175)
```
#bacaba
```
#bacaba rgb(186,202,186)
```
#c5d2c5
```
#c5d2c5 rgb(197,210,197)
```
#d0dbd0
```
#d0dbd0 rgb(208,219,208)
```
#dbe3db
```
#dbe3db rgb(219,227,219)
```
#e6ece6
```
#e6ece6 rgb(230,236,230)
```
#f1f4f1
```
#f1f4f1 rgb(241,244,241)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#5a655b
```
#5a655b rgb(90,101,91)
```
#536c54
```
#536c54 rgb(83,108,84)
```
#4c734d
```
#4c734d rgb(76,115,77)
```
#447b46
```
#447b46 rgb(68,123,70)
```
#3d8240
```
#3d8240 rgb(61,130,64)
```
#368939
```
#368939 rgb(54,137,57)
```
#2e9132
```
#2e9132 rgb(46,145,50)
```
#27982b
```
#27982b rgb(39,152,43)
```
#209f25
```
#209f25 rgb(32,159,37)
```
#18a71e
```
#18a71e rgb(24,167,30)
```
#11ae17
```
#11ae17 rgb(17,174,23)
```
#0ab510
```
#0ab510 rgb(10,181,16)
```
#02bd0a
```
#02bd0a rgb(2,189,10)
```

Tone Color Variation

Below, you can see how #536c54 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

#626262 Achromatopsia 0.005% of the population
#5f645f Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d5a Protanopia 1% of men
#7c6960 Deuteranopia 1% of men
#616f77 Tritanopia 0.001% of the population

Trichromacy

#686c57 Protanomaly 1% of men, 0.01% of women
#6d6a5b Deuteranomaly 6% of men, 0.4% of women
#5c6e6a Tritanomaly 0.01% of the population

#536c54 hex color

#536c54 Color Information

#536c54 Color Conversion

Color Schemes with #536c54

Alternatives to #536c54

#536c54 Preview

Shades and Tints of #536c54

Tones of #536c54

Color Blindness Simulator