#537c6a hex color

In a RGB color space, hex #537c6a is composed of 32.5% red, 48.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 14.5% yellow and 51.4% black. It has a hue angle of 153.7 degrees, a saturation of 19.8% and a lightness of 40.6%. #537c6a color hex could be obtained by blending #a6f8d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 49
- B 42
RGB color chart
- C 33
- M 0
- Y 15
- K 51
CMYK color chart

● #537c6a color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #537c6a has RGB values of R:83, G:124, B:106 and CMYK values of C:0.33, M:0, Y:0.15, K:0.51. Its decimal value is 5471338.

Hex triplet	537c6a	`#537c6a`
RGB Decimal	83, 124, 106	`rgb(83,124,106)`
RGB Percent	32.5, 48.6, 41.6	`rgb(32.5%,48.6%,41.6%)`
CMYK	33, 0, 15, 51
HSL	153.7°, 19.8, 40.6	`hsl(153.7,19.8%,40.6%)`
HSV (or HSB)	153.7°, 33.1, 48.6
Web Safe	666666	`#666666`

CIE-LAB	48.629, -18.499, 5.303
XYZ	13.376, 17.294, 16.268
xyY	0.285, 0.368, 17.294
CIE-LCH	48.629, 19.244, 164.005
CIE-LUV	48.629, -19.896, 9.896
Hunter-Lab	41.586, -15.364, 5.917
Binary	01010011, 01111100, 01101010

#537c6a
```
#537c6a rgb(83,124,106)
```
#7c5365
```
#7c5365 rgb(124,83,101)
```

Complementary Color

#537c56
```
#537c56 rgb(83,124,86)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#537a7c
```
#537a7c rgb(83,122,124)
```

Analogous Color

#7c5653
```
#7c5653 rgb(124,86,83)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#7c537a
```
#7c537a rgb(124,83,122)
```

Split Complementary Color

#7c6a53
```
#7c6a53 rgb(124,106,83)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#6a537c
```
#6a537c rgb(106,83,124)
```

Triadic Color

#657c53
```
#657c53 rgb(101,124,83)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#6a537c
```
#6a537c rgb(106,83,124)
```
#7c5365
```
#7c5365 rgb(124,83,101)
```

Tetradic Color

#344e43
```
#344e43 rgb(52,78,67)
```
#3f5d50
```
#3f5d50 rgb(63,93,80)
```
#496d5d
```
#496d5d rgb(73,109,93)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#5d8b77
```
#5d8b77 rgb(93,139,119)
```
#689a84
```
#689a84 rgb(104,154,132)
```
#77a490
```
#77a490 rgb(119,164,144)
```

Monochromatic Color

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

#537c60
```
#537c60 rgb(83,124,96)
```
#537c63
```
#537c63 rgb(83,124,99)
```
#537c67
```
#537c67 rgb(83,124,103)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#537c6d
```
#537c6d rgb(83,124,109)
```
#537c71
```
#537c71 rgb(83,124,113)
```
#537c74
```
#537c74 rgb(83,124,116)
```

Similar Colors

Text with hexadecimal color #537c6a

This text has a font color of #537c6a.

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

#537c6a background color

This paragraph has a background color of #537c6a.

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

#537c6a border color

This element has a border color of #537c6a.

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

CSS codes

.text {color:#537c6a;}

.background {background-color:#537c6a;}

.border {border:1px solid #537c6a;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1210
```
#0c1210 rgb(12,18,16)
```
#141e1a
```
#141e1a rgb(20,30,26)
```
#1c2a24
```
#1c2a24 rgb(28,42,36)
```
#24352e
```
#24352e rgb(36,53,46)
```
#2c4138
```
#2c4138 rgb(44,65,56)
```
#344d42
```
#344d42 rgb(52,77,66)
```
#3b594c
```
#3b594c rgb(59,89,76)
```
#436456
```
#436456 rgb(67,100,86)
```
#4b7060
```
#4b7060 rgb(75,112,96)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#5b8874
```
#5b8874 rgb(91,136,116)
```
#63947e
```
#63947e rgb(99,148,126)
```

Shade Color Variation

#6d9d88
```
#6d9d88 rgb(109,157,136)
```
#78a591
```
#78a591 rgb(120,165,145)
```
#84ad9b
```
#84ad9b rgb(132,173,155)
```
#90b5a5
```
#90b5a5 rgb(144,181,165)
```
#9cbdae
```
#9cbdae rgb(156,189,174)
```
#a7c4b8
```
#a7c4b8 rgb(167,196,184)
```
#b3ccc1
```
#b3ccc1 rgb(179,204,193)
```
#bfd4cb
```
#bfd4cb rgb(191,212,203)
```
#cbdcd4
```
#cbdcd4 rgb(203,220,212)
```
#d6e4de
```
#d6e4de rgb(214,228,222)
```
#e2ece8
```
#e2ece8 rgb(226,236,232)
```
#eef4f1
```
#eef4f1 rgb(238,244,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#636c68
```
#636c68 rgb(99,108,104)
```
#5b7469
```
#5b7469 rgb(91,116,105)
```
#537c6a
```
#537c6a rgb(83,124,106)
```
#4b846b
```
#4b846b rgb(75,132,107)
```
#438c6c
```
#438c6c rgb(67,140,108)
```
#3b946d
```
#3b946d rgb(59,148,109)
```
#339c6e
```
#339c6e rgb(51,156,110)
```
#2ba46f
```
#2ba46f rgb(43,164,111)
```
#23ac70
```
#23ac70 rgb(35,172,112)
```
#1bb471
```
#1bb471 rgb(27,180,113)
```
#13bc72
```
#13bc72 rgb(19,188,114)
```
#0bc473
```
#0bc473 rgb(11,196,115)
```
#03cc74
```
#03cc74 rgb(3,204,116)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#69716d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a6d Protanopia 1% of men
#887675 Deuteranopia 1% of men
#617f88 Tritanopia 0.001% of the population

Trichromacy

#6f7a6c Protanomaly 1% of men, 0.01% of women
#747871 Deuteranomaly 6% of men, 0.4% of women
#5c7e7d Tritanomaly 0.01% of the population

#537c6a hex color

#537c6a Color Information

#537c6a Color Conversion

Color Schemes with #537c6a

Alternatives to #537c6a

#537c6a Preview

Shades and Tints of #537c6a

Tones of #537c6a

Color Blindness Simulator