#536257 hex color

In a RGB color space, hex #536257 is composed of 32.5% red, 38.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 0% magenta, 11.2% yellow and 61.6% black. It has a hue angle of 136 degrees, a saturation of 8.3% and a lightness of 35.5%. #536257 color hex could be obtained by blending #a6c4ae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 38
- B 34
RGB color chart
- C 15
- M 0
- Y 11
- K 62
CMYK color chart

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

The hexadecimal color #536257 has RGB values of R:83, G:98, B:87 and CMYK values of C:0.15, M:0, Y:0.11, K:0.62. Its decimal value is 5464663.

Hex triplet	536257	`#536257`
RGB Decimal	83, 98, 87	`rgb(83,98,87)`
RGB Percent	32.5, 38.4, 34.1	`rgb(32.5%,38.4%,34.1%)`
CMYK	15, 0, 11, 62
HSL	136°, 8.3, 35.5	`hsl(136,8.3%,35.5%)`
HSV (or HSB)	136°, 15.3, 38.4
Web Safe	666666	`#666666`

CIE-LAB	40.019, -8.165, 4.344
XYZ	9.655, 11.262, 10.681
xyY	0.306, 0.356, 11.262
CIE-LCH	40.019, 9.249, 151.987
CIE-LUV	40.019, -7.539, 6.702
Hunter-Lab	33.559, -7.375, 4.62
Binary	01010011, 01100010, 01010111

#536257
```
#536257 rgb(83,98,87)
```
#62535e
```
#62535e rgb(98,83,94)
```

Complementary Color

#576253
```
#576253 rgb(87,98,83)
```
#536257
```
#536257 rgb(83,98,87)
```
#53625f
```
#53625f rgb(83,98,95)
```

Analogous Color

#625357
```
#625357 rgb(98,83,87)
```
#536257
```
#536257 rgb(83,98,87)
```
#5f5362
```
#5f5362 rgb(95,83,98)
```

Split Complementary Color

#625753
```
#625753 rgb(98,87,83)
```
#536257
```
#536257 rgb(83,98,87)
```
#575362
```
#575362 rgb(87,83,98)
```

Triadic Color

#5e6253
```
#5e6253 rgb(94,98,83)
```
#536257
```
#536257 rgb(83,98,87)
```
#575362
```
#575362 rgb(87,83,98)
```
#62535e
```
#62535e rgb(98,83,94)
```

Tetradic Color

#303932
```
#303932 rgb(48,57,50)
```
#3c463e
```
#3c463e rgb(60,70,62)
```
#47544b
```
#47544b rgb(71,84,75)
```
#536257
```
#536257 rgb(83,98,87)
```
#5f7063
```
#5f7063 rgb(95,112,99)
```
#6a7e70
```
#6a7e70 rgb(106,126,112)
```
#768b7c
```
#768b7c rgb(118,139,124)
```

Monochromatic Color

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

#536253
```
#536253 rgb(83,98,83)
```
#536255
```
#536255 rgb(83,98,85)
```
#536256
```
#536256 rgb(83,98,86)
```
#536257
```
#536257 rgb(83,98,87)
```
#536258
```
#536258 rgb(83,98,88)
```
#53625a
```
#53625a rgb(83,98,90)
```
#53625b
```
#53625b rgb(83,98,91)
```

Similar Colors

Text with hexadecimal color #536257

This text has a font color of #536257.

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

#536257 background color

This paragraph has a background color of #536257.

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

#536257 border color

This element has a border color of #536257.

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

CSS codes

.text {color:#536257;}

.background {background-color:#536257;}

.border {border:1px solid #536257;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0c
```
#0b0d0c rgb(11,13,12)
```
#141815
```
#141815 rgb(20,24,21)
```
#1d221e
```
#1d221e rgb(29,34,30)
```
#262d28
```
#262d28 rgb(38,45,40)
```
#2f3831
```
#2f3831 rgb(47,56,49)
```
#38423b
```
#38423b rgb(56,66,59)
```
#414d44
```
#414d44 rgb(65,77,68)
```
#4a574e
```
#4a574e rgb(74,87,78)
```
#536257
```
#536257 rgb(83,98,87)
```
#5c6d60
```
#5c6d60 rgb(92,109,96)
```
#65776a
```
#65776a rgb(101,119,106)
```
#6e8273
```
#6e8273 rgb(110,130,115)
```

Shade Color Variation

#778c7d
```
#778c7d rgb(119,140,125)
```
#829587
```
#829587 rgb(130,149,135)
```
#8d9e91
```
#8d9e91 rgb(141,158,145)
```
#97a79b
```
#97a79b rgb(151,167,155)
```
#a2b0a6
```
#a2b0a6 rgb(162,176,166)
```
#acb9b0
```
#acb9b0 rgb(172,185,176)
```
#b7c2ba
```
#b7c2ba rgb(183,194,186)
```
#c2cbc4
```
#c2cbc4 rgb(194,203,196)
```
#ccd4ce
```
#ccd4ce rgb(204,212,206)
```
#d7ddd9
```
#d7ddd9 rgb(215,221,217)
```
#e2e6e3
```
#e2e6e3 rgb(226,230,227)
```
#ecefed
```
#ecefed rgb(236,239,237)
```
#f7f8f7
```
#f7f8f7 rgb(247,248,247)
```

Tint Color Variation

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

#5a5b5a
```
#5a5b5a rgb(90,91,90)
```
#536257
```
#536257 rgb(83,98,87)
```
#4c6954
```
#4c6954 rgb(76,105,84)
```
#457051
```
#457051 rgb(69,112,81)
```
#3e774d
```
#3e774d rgb(62,119,77)
```
#377e4a
```
#377e4a rgb(55,126,74)
```
#308547
```
#308547 rgb(48,133,71)
```
#298c44
```
#298c44 rgb(41,140,68)
```
#229340
```
#229340 rgb(34,147,64)
```
#1b9a3d
```
#1b9a3d rgb(27,154,61)
```
#14a13a
```
#14a13a rgb(20,161,58)
```
#0da837
```
#0da837 rgb(13,168,55)
```
#06af33
```
#06af33 rgb(6,175,51)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a665d Protanopia 1% of men
#716361 Deuteranopia 1% of men
#5f676f Tritanopia 0.001% of the population

Trichromacy

#61645b Protanomaly 1% of men, 0.01% of women
#66625d Deuteranomaly 6% of men, 0.4% of women
#5a6566 Tritanomaly 0.01% of the population

#536257 hex color

#536257 Color Information

#536257 Color Conversion

Color Schemes with #536257

Alternatives to #536257

#536257 Preview

Shades and Tints of #536257

Tones of #536257

Color Blindness Simulator