#537a63 hex color

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

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

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

The hexadecimal color #537a63 has RGB values of R:83, G:122, B:99 and CMYK values of C:0.32, M:0, Y:0.19, K:0.52. Its decimal value is 5470819.

Hex triplet	537a63	`#537a63`
RGB Decimal	83, 122, 99	`rgb(83,122,99)`
RGB Percent	32.5, 47.8, 38.8	`rgb(32.5%,47.8%,38.8%)`
CMYK	32, 0, 19, 52
HSL	144.6°, 19, 40.2	`hsl(144.6,19%,40.2%)`
HSV (or HSB)	144.6°, 32, 47.8
Web Safe	666666	`#666666`

CIE-LAB	47.827, -18.973, 8.276
XYZ	12.778, 16.658, 14.346
xyY	0.292, 0.38, 16.658
CIE-LCH	47.827, 20.699, 156.432
CIE-LUV	47.827, -19.047, 13.747
Hunter-Lab	40.815, -15.541, 7.731
Binary	01010011, 01111010, 01100011

#537a63
```
#537a63 rgb(83,122,99)
```
#7a536a
```
#7a536a rgb(122,83,106)
```

Complementary Color

#577a53
```
#577a53 rgb(87,122,83)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#537a77
```
#537a77 rgb(83,122,119)
```

Analogous Color

#7a5357
```
#7a5357 rgb(122,83,87)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#77537a
```
#77537a rgb(119,83,122)
```

Split Complementary Color

#7a6353
```
#7a6353 rgb(122,99,83)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#63537a
```
#63537a rgb(99,83,122)
```

Triadic Color

#6a7a53
```
#6a7a53 rgb(106,122,83)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#63537a
```
#63537a rgb(99,83,122)
```
#7a536a
```
#7a536a rgb(122,83,106)
```

Tetradic Color

#344c3e
```
#344c3e rgb(52,76,62)
```
#3e5c4a
```
#3e5c4a rgb(62,92,74)
```
#496b57
```
#496b57 rgb(73,107,87)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#5d896f
```
#5d896f rgb(93,137,111)
```
#68987c
```
#68987c rgb(104,152,124)
```
#77a289
```
#77a289 rgb(119,162,137)
```

Monochromatic Color

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

#537a59
```
#537a59 rgb(83,122,89)
```
#537a5d
```
#537a5d rgb(83,122,93)
```
#537a60
```
#537a60 rgb(83,122,96)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#537a66
```
#537a66 rgb(83,122,102)
```
#537a6a
```
#537a6a rgb(83,122,106)
```
#537a6d
```
#537a6d rgb(83,122,109)
```

Similar Colors

Text with hexadecimal color #537a63

This text has a font color of #537a63.

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

#537a63 background color

This paragraph has a background color of #537a63.

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

#537a63 border color

This element has a border color of #537a63.

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

CSS codes

.text {color:#537a63;}

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

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

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

#040504
```
#040504 rgb(4,5,4)
```
#0c110e
```
#0c110e rgb(12,17,14)
```
#131d17
```
#131d17 rgb(19,29,23)
```
#1b2821
```
#1b2821 rgb(27,40,33)
```
#23342a
```
#23342a rgb(35,52,42)
```
#2b4034
```
#2b4034 rgb(43,64,52)
```
#334b3d
```
#334b3d rgb(51,75,61)
```
#3b5747
```
#3b5747 rgb(59,87,71)
```
#436350
```
#436350 rgb(67,99,80)
```
#4b6e5a
```
#4b6e5a rgb(75,110,90)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#5b866c
```
#5b866c rgb(91,134,108)
```
#639176
```
#639176 rgb(99,145,118)
```

Shade Color Variation

#6d9b80
```
#6d9b80 rgb(109,155,128)
```
#78a38a
```
#78a38a rgb(120,163,138)
```
#84ab94
```
#84ab94 rgb(132,171,148)
```
#90b39e
```
#90b39e rgb(144,179,158)
```
#9bbba8
```
#9bbba8 rgb(155,187,168)
```
#a7c3b2
```
#a7c3b2 rgb(167,195,178)
```
#b3cbbd
```
#b3cbbd rgb(179,203,189)
```
#bed3c7
```
#bed3c7 rgb(190,211,199)
```
#cadbd1
```
#cadbd1 rgb(202,219,209)
```
#d6e3db
```
#d6e3db rgb(214,227,219)
```
#e1ebe5
```
#e1ebe5 rgb(225,235,229)
```
#edf3ef
```
#edf3ef rgb(237,243,239)
```
#f9fbf9
```
#f9fbf9 rgb(249,251,249)
```

Tint Color Variation

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

#636a66
```
#636a66 rgb(99,106,102)
```
#5b7264
```
#5b7264 rgb(91,114,100)
```
#537a63
```
#537a63 rgb(83,122,99)
```
#4b8262
```
#4b8262 rgb(75,130,98)
```
#438a60
```
#438a60 rgb(67,138,96)
```
#3b925f
```
#3b925f rgb(59,146,95)
```
#339a5d
```
#339a5d rgb(51,154,93)
```
#2ca15c
```
#2ca15c rgb(44,161,92)
```
#24a95b
```
#24a95b rgb(36,169,91)
```
#1cb159
```
#1cb159 rgb(28,177,89)
```
#14b958
```
#14b958 rgb(20,185,88)
```
#0cc156
```
#0cc156 rgb(12,193,86)
```
#04c955
```
#04c955 rgb(4,201,85)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7867 Protanopia 1% of men
#87746f Deuteranopia 1% of men
#627d86 Tritanopia 0.001% of the population

Trichromacy

#6f7965 Protanomaly 1% of men, 0.01% of women
#74766a Deuteranomaly 6% of men, 0.4% of women
#5c7b79 Tritanomaly 0.01% of the population

#537a63 hex color

#537a63 Color Information

#537a63 Color Conversion

Color Schemes with #537a63

Alternatives to #537a63

#537a63 Preview

Shades and Tints of #537a63

Tones of #537a63

Color Blindness Simulator