#537a6c hex color

In a RGB color space, hex #537a6c is composed of 32.5% red, 47.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 11.5% yellow and 52.2% black. It has a hue angle of 158.5 degrees, a saturation of 19% and a lightness of 40.2%. #537a6c color hex could be obtained by blending #a6f4d8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 48
- B 42
RGB color chart
- C 32
- M 0
- Y 11
- K 52
CMYK color chart

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

The hexadecimal color #537a6c has RGB values of R:83, G:122, B:108 and CMYK values of C:0.32, M:0, Y:0.11, K:0.52. Its decimal value is 5470828.

Hex triplet	537a6c	`#537a6c`
RGB Decimal	83, 122, 108	`rgb(83,122,108)`
RGB Percent	32.5, 47.8, 42.4	`rgb(32.5%,47.8%,42.4%)`
CMYK	32, 0, 11, 52
HSL	158.5°, 19, 40.2	`hsl(158.5,19%,40.2%)`
HSV (or HSB)	158.5°, 32, 47.8
Web Safe	666666	`#666666`

CIE-LAB	48.058, -16.968, 3.303
XYZ	13.233, 16.84, 16.74
xyY	0.283, 0.36, 16.84
CIE-LCH	48.058, 17.287, 168.985
CIE-LUV	48.058, -18.971, 7.001
Hunter-Lab	41.037, -14.255, 4.54
Binary	01010011, 01111010, 01101100

#537a6c
```
#537a6c rgb(83,122,108)
```
#7a5361
```
#7a5361 rgb(122,83,97)
```

Complementary Color

#537a59
```
#537a59 rgb(83,122,89)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#53757a
```
#53757a rgb(83,117,122)
```

Analogous Color

#7a5953
```
#7a5953 rgb(122,89,83)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#7a5375
```
#7a5375 rgb(122,83,117)
```

Split Complementary Color

#7a6c53
```
#7a6c53 rgb(122,108,83)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#6c537a
```
#6c537a rgb(108,83,122)
```

Triadic Color

#617a53
```
#617a53 rgb(97,122,83)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#6c537a
```
#6c537a rgb(108,83,122)
```
#7a5361
```
#7a5361 rgb(122,83,97)
```

Tetradic Color

#344c44
```
#344c44 rgb(52,76,68)
```
#3e5c51
```
#3e5c51 rgb(62,92,81)
```
#496b5f
```
#496b5f rgb(73,107,95)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#5d8979
```
#5d8979 rgb(93,137,121)
```
#689887
```
#689887 rgb(104,152,135)
```
#77a293
```
#77a293 rgb(119,162,147)
```

Monochromatic Color

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

#537a62
```
#537a62 rgb(83,122,98)
```
#537a66
```
#537a66 rgb(83,122,102)
```
#537a69
```
#537a69 rgb(83,122,105)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#537a73
```
#537a73 rgb(83,122,115)
```
#537a76
```
#537a76 rgb(83,122,118)
```

Similar Colors

Text with hexadecimal color #537a6c

This text has a font color of #537a6c.

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

#537a6c background color

This paragraph has a background color of #537a6c.

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

#537a6c border color

This element has a border color of #537a6c.

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

CSS codes

.text {color:#537a6c;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c110f
```
#0c110f rgb(12,17,15)
```
#131d19
```
#131d19 rgb(19,29,25)
```
#1b2824
```
#1b2824 rgb(27,40,36)
```
#23342e
```
#23342e rgb(35,52,46)
```
#2b4038
```
#2b4038 rgb(43,64,56)
```
#334b43
```
#334b43 rgb(51,75,67)
```
#3b574d
```
#3b574d rgb(59,87,77)
```
#436357
```
#436357 rgb(67,99,87)
```
#4b6e62
```
#4b6e62 rgb(75,110,98)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#5b8676
```
#5b8676 rgb(91,134,118)
```
#639181
```
#639181 rgb(99,145,129)
```

Shade Color Variation

#6d9b8b
```
#6d9b8b rgb(109,155,139)
```
#78a394
```
#78a394 rgb(120,163,148)
```
#84ab9d
```
#84ab9d rgb(132,171,157)
```
#90b3a6
```
#90b3a6 rgb(144,179,166)
```
#9bbbb0
```
#9bbbb0 rgb(155,187,176)
```
#a7c3b9
```
#a7c3b9 rgb(167,195,185)
```
#b3cbc2
```
#b3cbc2 rgb(179,203,194)
```
#bed3cb
```
#bed3cb rgb(190,211,203)
```
#cadbd5
```
#cadbd5 rgb(202,219,213)
```
#d6e3de
```
#d6e3de rgb(214,227,222)
```
#e1ebe7
```
#e1ebe7 rgb(225,235,231)
```
#edf3f1
```
#edf3f1 rgb(237,243,241)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

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

#636a68
```
#636a68 rgb(99,106,104)
```
#5b726a
```
#5b726a rgb(91,114,106)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#4b826e
```
#4b826e rgb(75,130,110)
```
#438a70
```
#438a70 rgb(67,138,112)
```
#3b9273
```
#3b9273 rgb(59,146,115)
```
#339a75
```
#339a75 rgb(51,154,117)
```
#2ca177
```
#2ca177 rgb(44,161,119)
```
#24a979
```
#24a979 rgb(36,169,121)
```
#1cb17c
```
#1cb17c rgb(28,177,124)
```
#14b97e
```
#14b97e rgb(20,185,126)
```
#0cc180
```
#0cc180 rgb(12,193,128)
```
#04c982
```
#04c982 rgb(4,201,130)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#68706d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d786f Protanopia 1% of men
#857577 Deuteranopia 1% of men
#617e87 Tritanopia 0.001% of the population

Trichromacy

#6e796e Protanomaly 1% of men, 0.01% of women
#737773 Deuteranomaly 6% of men, 0.4% of women
#5b7c7d Tritanomaly 0.01% of the population

#537a6c hex color

#537a6c Color Information

#537a6c Color Conversion

Color Schemes with #537a6c

Alternatives to #537a6c

#537a6c Preview

Shades and Tints of #537a6c

Tones of #537a6c

Color Blindness Simulator