#537a6f hex color

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

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

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

The hexadecimal color #537a6f has RGB values of R:83, G:122, B:111 and CMYK values of C:0.32, M:0, Y:0.09, K:0.52. Its decimal value is 5470831.

Hex triplet	537a6f	`#537a6f`
RGB Decimal	83, 122, 111	`rgb(83,122,111)`
RGB Percent	32.5, 47.8, 43.5	`rgb(32.5%,47.8%,43.5%)`
CMYK	32, 0, 9, 52
HSL	163.1°, 19, 40.2	`hsl(163.1,19%,40.2%)`
HSV (or HSB)	163.1°, 32, 47.8
Web Safe	666666	`#666666`

CIE-LAB	48.14, -16.267, 1.65
XYZ	13.395, 16.905, 17.595
xyY	0.28, 0.353, 16.905
CIE-LCH	48.14, 16.35, 174.209
CIE-LUV	48.14, -18.945, 4.682
Hunter-Lab	41.116, -13.799, 3.408
Binary	01010011, 01111010, 01101111

#537a6f
```
#537a6f rgb(83,122,111)
```
#7a535e
```
#7a535e rgb(122,83,94)
```

Complementary Color

#537a5c
```
#537a5c rgb(83,122,92)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#53727a
```
#53727a rgb(83,114,122)
```

Analogous Color

#7a5c53
```
#7a5c53 rgb(122,92,83)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#7a5372
```
#7a5372 rgb(122,83,114)
```

Split Complementary Color

#7a6f53
```
#7a6f53 rgb(122,111,83)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#6f537a
```
#6f537a rgb(111,83,122)
```

Triadic Color

#5e7a53
```
#5e7a53 rgb(94,122,83)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#6f537a
```
#6f537a rgb(111,83,122)
```
#7a535e
```
#7a535e rgb(122,83,94)
```

Tetradic Color

#344c46
```
#344c46 rgb(52,76,70)
```
#3e5c53
```
#3e5c53 rgb(62,92,83)
```
#496b61
```
#496b61 rgb(73,107,97)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#5d897d
```
#5d897d rgb(93,137,125)
```
#68988b
```
#68988b rgb(104,152,139)
```
#77a296
```
#77a296 rgb(119,162,150)
```

Monochromatic Color

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

#537a65
```
#537a65 rgb(83,122,101)
```
#537a69
```
#537a69 rgb(83,122,105)
```
#537a6c
```
#537a6c rgb(83,122,108)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#537a72
```
#537a72 rgb(83,122,114)
```
#537a76
```
#537a76 rgb(83,122,118)
```
#537a79
```
#537a79 rgb(83,122,121)
```

Similar Colors

Text with hexadecimal color #537a6f

This text has a font color of #537a6f.

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

#537a6f background color

This paragraph has a background color of #537a6f.

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

#537a6f border color

This element has a border color of #537a6f.

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

CSS codes

.text {color:#537a6f;}

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

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

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)
```
#131d1a
```
#131d1a rgb(19,29,26)
```
#1b2825
```
#1b2825 rgb(27,40,37)
```
#23342f
```
#23342f rgb(35,52,47)
```
#2b403a
```
#2b403a rgb(43,64,58)
```
#334b45
```
#334b45 rgb(51,75,69)
```
#3b574f
```
#3b574f rgb(59,87,79)
```
#43635a
```
#43635a rgb(67,99,90)
```
#4b6e64
```
#4b6e64 rgb(75,110,100)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#5b867a
```
#5b867a rgb(91,134,122)
```
#639184
```
#639184 rgb(99,145,132)
```

Shade Color Variation

#6d9b8e
```
#6d9b8e rgb(109,155,142)
```
#78a397
```
#78a397 rgb(120,163,151)
```
#84aba0
```
#84aba0 rgb(132,171,160)
```
#90b3a9
```
#90b3a9 rgb(144,179,169)
```
#9bbbb2
```
#9bbbb2 rgb(155,187,178)
```
#a7c3bb
```
#a7c3bb rgb(167,195,187)
```
#b3cbc4
```
#b3cbc4 rgb(179,203,196)
```
#bed3cd
```
#bed3cd rgb(190,211,205)
```
#cadbd6
```
#cadbd6 rgb(202,219,214)
```
#d6e3df
```
#d6e3df rgb(214,227,223)
```
#e1ebe8
```
#e1ebe8 rgb(225,235,232)
```
#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 #04c991 is the most saturated one.

#636a68
```
#636a68 rgb(99,106,104)
```
#5b726c
```
#5b726c rgb(91,114,108)
```
#537a6f
```
#537a6f rgb(83,122,111)
```
#4b8272
```
#4b8272 rgb(75,130,114)
```
#438a76
```
#438a76 rgb(67,138,118)
```
#3b9279
```
#3b9279 rgb(59,146,121)
```
#339a7d
```
#339a7d rgb(51,154,125)
```
#2ca180
```
#2ca180 rgb(44,161,128)
```
#24a984
```
#24a984 rgb(36,169,132)
```
#1cb187
```
#1cb187 rgb(28,177,135)
```
#14b98a
```
#14b98a rgb(20,185,138)
```
#0cc18e
```
#0cc18e rgb(12,193,142)
```
#04c991
```
#04c991 rgb(4,201,145)
```

Tone Color Variation

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

#7d7972 Protanopia 1% of men
#84767a Deuteranopia 1% of men
#607e87 Tritanopia 0.001% of the population

Trichromacy

#6d7971 Protanomaly 1% of men, 0.01% of women
#727776 Deuteranomaly 6% of men, 0.4% of women
#5b7c7e Tritanomaly 0.01% of the population

#537a6f hex color

#537a6f Color Information

#537a6f Color Conversion

Color Schemes with #537a6f

Alternatives to #537a6f

#537a6f Preview

Shades and Tints of #537a6f

Tones of #537a6f

Color Blindness Simulator