#536f60 hex color

In a RGB color space, hex #536f60 is composed of 32.5% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 0% magenta, 13.5% yellow and 56.5% black. It has a hue angle of 147.9 degrees, a saturation of 14.4% and a lightness of 38%. #536f60 color hex could be obtained by blending #a6dec0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 38
RGB color chart
- C 25
- M 0
- Y 14
- K 56
CMYK color chart

● #536f60 color description : Very dark grayish cyan - lime green.

The hexadecimal color #536f60 has RGB values of R:83, G:111, B:96 and CMYK values of C:0.25, M:0, Y:0.14, K:0.56. Its decimal value is 5468000.

Hex triplet	536f60	`#536f60`
RGB Decimal	83, 111, 96	`rgb(83,111,96)`
RGB Percent	32.5, 43.5, 37.6	`rgb(32.5%,43.5%,37.6%)`
CMYK	25, 0, 14, 56
HSL	147.9°, 14.4, 38	`hsl(147.9,14.4%,38%)`
HSV (or HSB)	147.9°, 25.2, 43.5
Web Safe	666666	`#666666`

CIE-LAB	44.307, -13.636, 5.045
XYZ	11.362, 14.052, 13.179
xyY	0.294, 0.364, 14.052
CIE-LCH	44.307, 14.54, 159.695
CIE-LUV	44.307, -13.913, 8.614
Hunter-Lab	37.486, -11.495, 5.395
Binary	01010011, 01101111, 01100000

#536f60
```
#536f60 rgb(83,111,96)
```
#6f5362
```
#6f5362 rgb(111,83,98)
```

Complementary Color

#546f53
```
#546f53 rgb(84,111,83)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#536f6e
```
#536f6e rgb(83,111,110)
```

Analogous Color

#6f5354
```
#6f5354 rgb(111,83,84)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#6e536f
```
#6e536f rgb(110,83,111)
```

Split Complementary Color

#6f6053
```
#6f6053 rgb(111,96,83)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#60536f
```
#60536f rgb(96,83,111)
```

Triadic Color

#626f53
```
#626f53 rgb(98,111,83)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#60536f
```
#60536f rgb(96,83,111)
```
#6f5362
```
#6f5362 rgb(111,83,98)
```

Tetradic Color

#32433a
```
#32433a rgb(50,67,58)
```
#3d5247
```
#3d5247 rgb(61,82,71)
```
#486053
```
#486053 rgb(72,96,83)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#5e7e6d
```
#5e7e6d rgb(94,126,109)
```
#698c79
```
#698c79 rgb(105,140,121)
```
#769986
```
#769986 rgb(118,153,134)
```

Monochromatic Color

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

#536f59
```
#536f59 rgb(83,111,89)
```
#536f5b
```
#536f5b rgb(83,111,91)
```
#536f5e
```
#536f5e rgb(83,111,94)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#536f62
```
#536f62 rgb(83,111,98)
```
#536f65
```
#536f65 rgb(83,111,101)
```
#536f67
```
#536f67 rgb(83,111,103)
```

Similar Colors

Text with hexadecimal color #536f60

This text has a font color of #536f60.

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

#536f60 background color

This paragraph has a background color of #536f60.

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

#536f60 border color

This element has a border color of #536f60.

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

CSS codes

.text {color:#536f60;}

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

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

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, #070a09 is the darkest color, while #fefefe is the lightest one.

#070a09
```
#070a09 rgb(7,10,9)
```
#101512
```
#101512 rgb(16,21,18)
```
#18201c
```
#18201c rgb(24,32,28)
```
#212c26
```
#212c26 rgb(33,44,38)
```
#29372f
```
#29372f rgb(41,55,47)
```
#314239
```
#314239 rgb(49,66,57)
```
#3a4d43
```
#3a4d43 rgb(58,77,67)
```
#42594d
```
#42594d rgb(66,89,77)
```
#4b6456
```
#4b6456 rgb(75,100,86)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#5b7a6a
```
#5b7a6a rgb(91,122,106)
```
#648573
```
#648573 rgb(100,133,115)
```
#6c917d
```
#6c917d rgb(108,145,125)
```

Shade Color Variation

#779987
```
#779987 rgb(119,153,135)
```
#82a291
```
#82a291 rgb(130,162,145)
```
#8eaa9b
```
#8eaa9b rgb(142,170,155)
```
#99b3a5
```
#99b3a5 rgb(153,179,165)
```
#a4bbaf
```
#a4bbaf rgb(164,187,175)
```
#afc3b9
```
#afc3b9 rgb(175,195,185)
```
#baccc2
```
#baccc2 rgb(186,204,194)
```
#c6d4cc
```
#c6d4cc rgb(198,212,204)
```
#d1ddd6
```
#d1ddd6 rgb(209,221,214)
```
#dce5e0
```
#dce5e0 rgb(220,229,224)
```
#e7edea
```
#e7edea rgb(231,237,234)
```
#f3f6f4
```
#f3f6f4 rgb(243,246,244)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5a6861
```
#5a6861 rgb(90,104,97)
```
#536f60
```
#536f60 rgb(83,111,96)
```
#4c765f
```
#4c765f rgb(76,118,95)
```
#447e5f
```
#447e5f rgb(68,126,95)
```
#3d855e
```
#3d855e rgb(61,133,94)
```
#358d5e
```
#358d5e rgb(53,141,94)
```
#2e945d
```
#2e945d rgb(46,148,93)
```
#269c5d
```
#269c5d rgb(38,156,93)
```
#1fa35c
```
#1fa35c rgb(31,163,92)
```
#17ab5c
```
#17ab5c rgb(23,171,92)
```
#10b25b
```
#10b25b rgb(16,178,91)
```
#08ba5b
```
#08ba5b rgb(8,186,91)
```
#01c15a
```
#01c15a rgb(1,193,90)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#616764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757065 Protanopia 1% of men
#7c6d6b Deuteranopia 1% of men
#60737b Tritanopia 0.001% of the population

Trichromacy

#686f63 Protanomaly 1% of men, 0.01% of women
#6d6d67 Deuteranomaly 6% of men, 0.4% of women
#5b7171 Tritanomaly 0.01% of the population

#536f60 hex color

#536f60 Color Information

#536f60 Color Conversion

Color Schemes with #536f60

Alternatives to #536f60

#536f60 Preview

Shades and Tints of #536f60

Tones of #536f60

Color Blindness Simulator