#536f66 hex color

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

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

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

The hexadecimal color #536f66 has RGB values of R:83, G:111, B:102 and CMYK values of C:0.25, M:0, Y:0.08, K:0.56. Its decimal value is 5468006.

Hex triplet	536f66	`#536f66`
RGB Decimal	83, 111, 102	`rgb(83,111,102)`
RGB Percent	32.5, 43.5, 40	`rgb(32.5%,43.5%,40%)`
CMYK	25, 0, 8, 56
HSL	160.7°, 14.4, 38	`hsl(160.7,14.4%,38%)`
HSV (or HSB)	160.7°, 25.2, 43.5
Web Safe	666666	`#666666`

CIE-LAB	44.471, -12.286, 1.683
XYZ	11.649, 14.167, 14.69
xyY	0.288, 0.35, 14.167
CIE-LCH	44.471, 12.401, 172.201
CIE-LUV	44.471, -13.94, 4.059
Hunter-Lab	37.639, -10.621, 3.206
Binary	01010011, 01101111, 01100110

#536f66
```
#536f66 rgb(83,111,102)
```
#6f535c
```
#6f535c rgb(111,83,92)
```

Complementary Color

#536f58
```
#536f58 rgb(83,111,88)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#536a6f
```
#536a6f rgb(83,106,111)
```

Analogous Color

#6f5853
```
#6f5853 rgb(111,88,83)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#6f536a
```
#6f536a rgb(111,83,106)
```

Split Complementary Color

#6f6653
```
#6f6653 rgb(111,102,83)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#66536f
```
#66536f rgb(102,83,111)
```

Triadic Color

#5c6f53
```
#5c6f53 rgb(92,111,83)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#66536f
```
#66536f rgb(102,83,111)
```
#6f535c
```
#6f535c rgb(111,83,92)
```

Tetradic Color

#32433e
```
#32433e rgb(50,67,62)
```
#3d524b
```
#3d524b rgb(61,82,75)
```
#486059
```
#486059 rgb(72,96,89)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#5e7e73
```
#5e7e73 rgb(94,126,115)
```
#698c81
```
#698c81 rgb(105,140,129)
```
#76998d
```
#76998d rgb(118,153,141)
```

Monochromatic Color

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

#536f5f
```
#536f5f rgb(83,111,95)
```
#536f61
```
#536f61 rgb(83,111,97)
```
#536f64
```
#536f64 rgb(83,111,100)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#536f68
```
#536f68 rgb(83,111,104)
```
#536f6b
```
#536f6b rgb(83,111,107)
```
#536f6d
```
#536f6d rgb(83,111,109)
```

Similar Colors

Text with hexadecimal color #536f66

This text has a font color of #536f66.

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

#536f66 background color

This paragraph has a background color of #536f66.

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

#536f66 border color

This element has a border color of #536f66.

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

CSS codes

.text {color:#536f66;}

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

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

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)
```
#101513
```
#101513 rgb(16,21,19)
```
#18201e
```
#18201e rgb(24,32,30)
```
#212c28
```
#212c28 rgb(33,44,40)
```
#293732
```
#293732 rgb(41,55,50)
```
#31423d
```
#31423d rgb(49,66,61)
```
#3a4d47
```
#3a4d47 rgb(58,77,71)
```
#425951
```
#425951 rgb(66,89,81)
```
#4b645c
```
#4b645c rgb(75,100,92)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#5b7a70
```
#5b7a70 rgb(91,122,112)
```
#64857b
```
#64857b rgb(100,133,123)
```
#6c9185
```
#6c9185 rgb(108,145,133)
```

Shade Color Variation

#77998e
```
#77998e rgb(119,153,142)
```
#82a298
```
#82a298 rgb(130,162,152)
```
#8eaaa1
```
#8eaaa1 rgb(142,170,161)
```
#99b3aa
```
#99b3aa rgb(153,179,170)
```
#a4bbb4
```
#a4bbb4 rgb(164,187,180)
```
#afc3bd
```
#afc3bd rgb(175,195,189)
```
#baccc6
```
#baccc6 rgb(186,204,198)
```
#c6d4cf
```
#c6d4cf rgb(198,212,207)
```
#d1ddd9
```
#d1ddd9 rgb(209,221,217)
```
#dce5e2
```
#dce5e2 rgb(220,229,226)
```
#e7edeb
```
#e7edeb rgb(231,237,235)
```
#f3f6f5
```
#f3f6f5 rgb(243,246,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5a6863
```
#5a6863 rgb(90,104,99)
```
#536f66
```
#536f66 rgb(83,111,102)
```
#4c7669
```
#4c7669 rgb(76,118,105)
```
#447e6b
```
#447e6b rgb(68,126,107)
```
#3d856e
```
#3d856e rgb(61,133,110)
```
#358d71
```
#358d71 rgb(53,141,113)
```
#2e9473
```
#2e9473 rgb(46,148,115)
```
#269c76
```
#269c76 rgb(38,156,118)
```
#1fa379
```
#1fa379 rgb(31,163,121)
```
#17ab7b
```
#17ab7b rgb(23,171,123)
```
#10b27e
```
#10b27e rgb(16,178,126)
```
#08ba81
```
#08ba81 rgb(8,186,129)
```
#01c183
```
#01c183 rgb(1,193,131)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#626866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74706a Protanopia 1% of men
#7b6d70 Deuteranopia 1% of men
#5f747c Tritanopia 0.001% of the population

Trichromacy

#686f69 Protanomaly 1% of men, 0.01% of women
#6c6e6c Deuteranomaly 6% of men, 0.4% of women
#5a7274 Tritanomaly 0.01% of the population

#536f66 hex color

#536f66 Color Information

#536f66 Color Conversion

Color Schemes with #536f66

Alternatives to #536f66

#536f66 Preview

Shades and Tints of #536f66

Tones of #536f66

Color Blindness Simulator