#537b6a hex color

In a RGB color space, hex #537b6a is composed of 32.5% red, 48.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 0% magenta, 13.8% yellow and 51.8% black. It has a hue angle of 154.5 degrees, a saturation of 19.4% and a lightness of 40.4%. #537b6a color hex could be obtained by blending #a6f6d4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #537b6a has RGB values of R:83, G:123, B:106 and CMYK values of C:0.33, M:0, Y:0.14, K:0.52. Its decimal value is 5471082.

Hex triplet	537b6a	`#537b6a`
RGB Decimal	83, 123, 106	`rgb(83,123,106)`
RGB Percent	32.5, 48.2, 41.6	`rgb(32.5%,48.2%,41.6%)`
CMYK	33, 0, 14, 52
HSL	154.5°, 19.4, 40.4	`hsl(154.5,19.4%,40.4%)`
HSV (or HSB)	154.5°, 32.5, 48.2
Web Safe	666666	`#666666`

CIE-LAB	48.317, -17.964, 4.855
XYZ	13.251, 17.045, 16.227
xyY	0.285, 0.366, 17.045
CIE-LCH	48.317, 18.608, 164.877
CIE-LUV	48.317, -19.442, 9.213
Hunter-Lab	41.286, -14.958, 5.597
Binary	01010011, 01111011, 01101010

#537b6a
```
#537b6a rgb(83,123,106)
```
#7b5364
```
#7b5364 rgb(123,83,100)
```

Complementary Color

#537b56
```
#537b56 rgb(83,123,86)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#53787b
```
#53787b rgb(83,120,123)
```

Analogous Color

#7b5653
```
#7b5653 rgb(123,86,83)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#7b5378
```
#7b5378 rgb(123,83,120)
```

Split Complementary Color

#7b6a53
```
#7b6a53 rgb(123,106,83)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#6a537b
```
#6a537b rgb(106,83,123)
```

Triadic Color

#647b53
```
#647b53 rgb(100,123,83)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#6a537b
```
#6a537b rgb(106,83,123)
```
#7b5364
```
#7b5364 rgb(123,83,100)
```

Tetradic Color

#344d43
```
#344d43 rgb(52,77,67)
```
#3e5d50
```
#3e5d50 rgb(62,93,80)
```
#496c5d
```
#496c5d rgb(73,108,93)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#5d8a77
```
#5d8a77 rgb(93,138,119)
```
#689984
```
#689984 rgb(104,153,132)
```
#77a391
```
#77a391 rgb(119,163,145)
```

Monochromatic Color

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

#537b60
```
#537b60 rgb(83,123,96)
```
#537b63
```
#537b63 rgb(83,123,99)
```
#537b67
```
#537b67 rgb(83,123,103)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#537b6d
```
#537b6d rgb(83,123,109)
```
#537b71
```
#537b71 rgb(83,123,113)
```
#537b74
```
#537b74 rgb(83,123,116)
```

Similar Colors

Text with hexadecimal color #537b6a

This text has a font color of #537b6a.

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

#537b6a background color

This paragraph has a background color of #537b6a.

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

#537b6a border color

This element has a border color of #537b6a.

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

CSS codes

.text {color:#537b6a;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0c120f
```
#0c120f rgb(12,18,15)
```
#141d19
```
#141d19 rgb(20,29,25)
```
#1c2923
```
#1c2923 rgb(28,41,35)
```
#24352d
```
#24352d rgb(36,53,45)
```
#2b4038
```
#2b4038 rgb(43,64,56)
```
#334c42
```
#334c42 rgb(51,76,66)
```
#3b584c
```
#3b584c rgb(59,88,76)
```
#436456
```
#436456 rgb(67,100,86)
```
#4b6f60
```
#4b6f60 rgb(75,111,96)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#5b8774
```
#5b8774 rgb(91,135,116)
```
#63927e
```
#63927e rgb(99,146,126)
```

Shade Color Variation

#6d9c88
```
#6d9c88 rgb(109,156,136)
```
#78a492
```
#78a492 rgb(120,164,146)
```
#84ac9b
```
#84ac9b rgb(132,172,155)
```
#90b4a5
```
#90b4a5 rgb(144,180,165)
```
#9bbcae
```
#9bbcae rgb(155,188,174)
```
#a7c4b8
```
#a7c4b8 rgb(167,196,184)
```
#b3ccc1
```
#b3ccc1 rgb(179,204,193)
```
#bfd4cb
```
#bfd4cb rgb(191,212,203)
```
#cadbd4
```
#cadbd4 rgb(202,219,212)
```
#d6e3de
```
#d6e3de rgb(214,227,222)
```
#e2ebe7
```
#e2ebe7 rgb(226,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, #636b68 is the less saturated color, while #04ca76 is the most saturated one.

#636b68
```
#636b68 rgb(99,107,104)
```
#5b7369
```
#5b7369 rgb(91,115,105)
```
#537b6a
```
#537b6a rgb(83,123,106)
```
#4b836b
```
#4b836b rgb(75,131,107)
```
#438b6c
```
#438b6c rgb(67,139,108)
```
#3b936e
```
#3b936e rgb(59,147,110)
```
#339b6f
```
#339b6f rgb(51,155,111)
```
#2ba370
```
#2ba370 rgb(43,163,112)
```
#23ab71
```
#23ab71 rgb(35,171,113)
```
#1cb272
```
#1cb272 rgb(28,178,114)
```
#14ba74
```
#14ba74 rgb(20,186,116)
```
#0cc275
```
#0cc275 rgb(12,194,117)
```
#04ca76
```
#04ca76 rgb(4,202,118)
```

Tone Color Variation

Below, you can see how #537b6a 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
#68706c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f796d Protanopia 1% of men
#867675 Deuteranopia 1% of men
#617e87 Tritanopia 0.001% of the population

Trichromacy

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

#537b6a hex color

#537b6a Color Information

#537b6a Color Conversion

Color Schemes with #537b6a

Alternatives to #537b6a

#537b6a Preview

Shades and Tints of #537b6a

Tones of #537b6a

Color Blindness Simulator