#537b7a hex color

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

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

● #537b7a color description : Mostly desaturated dark cyan.

The hexadecimal color #537b7a has RGB values of R:83, G:123, B:122 and CMYK values of C:0.33, M:0, Y:0.01, K:0.52. Its decimal value is 5471098.

Hex triplet	537b7a	`#537b7a`
RGB Decimal	83, 123, 122	`rgb(83,123,122)`
RGB Percent	32.5, 48.2, 47.8	`rgb(32.5%,48.2%,47.8%)`
CMYK	33, 0, 1, 52
HSL	178.5°, 19.4, 40.4	`hsl(178.5,19.4%,40.4%)`
HSV (or HSB)	178.5°, 32.5, 48.2
Web Safe	666666	`#666666`

CIE-LAB	48.772, -14.115, -3.925
XYZ	14.162, 17.409, 21.025
xyY	0.269, 0.331, 17.409
CIE-LCH	48.772, 14.65, 195.538
CIE-LUV	48.772, -19.293, -3.355
Hunter-Lab	41.725, -12.432, -0.67
Binary	01010011, 01111011, 01111010

#537b7a
```
#537b7a rgb(83,123,122)
```
#7b5354
```
#7b5354 rgb(123,83,84)
```

Complementary Color

#537b66
```
#537b66 rgb(83,123,102)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#53687b
```
#53687b rgb(83,104,123)
```

Analogous Color

#7b6653
```
#7b6653 rgb(123,102,83)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#7b5368
```
#7b5368 rgb(123,83,104)
```

Split Complementary Color

#7b7a53
```
#7b7a53 rgb(123,122,83)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#7a537b
```
#7a537b rgb(122,83,123)
```

Triadic Color

#547b53
```
#547b53 rgb(84,123,83)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#7a537b
```
#7a537b rgb(122,83,123)
```
#7b5354
```
#7b5354 rgb(123,83,84)
```

Tetradic Color

#344d4d
```
#344d4d rgb(52,77,77)
```
#3e5d5c
```
#3e5d5c rgb(62,93,92)
```
#496c6b
```
#496c6b rgb(73,108,107)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#5d8a89
```
#5d8a89 rgb(93,138,137)
```
#689998
```
#689998 rgb(104,153,152)
```
#77a3a2
```
#77a3a2 rgb(119,163,162)
```

Monochromatic Color

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

#537b70
```
#537b70 rgb(83,123,112)
```
#537b73
```
#537b73 rgb(83,123,115)
```
#537b77
```
#537b77 rgb(83,123,119)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#53797b
```
#53797b rgb(83,121,123)
```
#53757b
```
#53757b rgb(83,117,123)
```
#53727b
```
#53727b rgb(83,114,123)
```

Similar Colors

Text with hexadecimal color #537b7a

This text has a font color of #537b7a.

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

#537b7a background color

This paragraph has a background color of #537b7a.

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

#537b7a border color

This element has a border color of #537b7a.

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

CSS codes

.text {color:#537b7a;}

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

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

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 #f9fbfb is the lightest one.

#040606
```
#040606 rgb(4,6,6)
```
#0c1211
```
#0c1211 rgb(12,18,17)
```
#141d1d
```
#141d1d rgb(20,29,29)
```
#1c2929
```
#1c2929 rgb(28,41,41)
```
#243534
```
#243534 rgb(36,53,52)
```
#2b4040
```
#2b4040 rgb(43,64,64)
```
#334c4c
```
#334c4c rgb(51,76,76)
```
#3b5857
```
#3b5857 rgb(59,88,87)
```
#436463
```
#436463 rgb(67,100,99)
```
#4b6f6e
```
#4b6f6e rgb(75,111,110)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#5b8786
```
#5b8786 rgb(91,135,134)
```
#639291
```
#639291 rgb(99,146,145)
```

Shade Color Variation

#6d9c9b
```
#6d9c9b rgb(109,156,155)
```
#78a4a3
```
#78a4a3 rgb(120,164,163)
```
#84acab
```
#84acab rgb(132,172,171)
```
#90b4b3
```
#90b4b3 rgb(144,180,179)
```
#9bbcbb
```
#9bbcbb rgb(155,188,187)
```
#a7c4c3
```
#a7c4c3 rgb(167,196,195)
```
#b3cccb
```
#b3cccb rgb(179,204,203)
```
#bfd4d3
```
#bfd4d3 rgb(191,212,211)
```
#cadbdb
```
#cadbdb rgb(202,219,219)
```
#d6e3e3
```
#d6e3e3 rgb(214,227,227)
```
#e2ebeb
```
#e2ebeb rgb(226,235,235)
```
#edf3f3
```
#edf3f3 rgb(237,243,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#636b6b
```
#636b6b rgb(99,107,107)
```
#5b7372
```
#5b7372 rgb(91,115,114)
```
#537b7a
```
#537b7a rgb(83,123,122)
```
#4b8382
```
#4b8382 rgb(75,131,130)
```
#438b89
```
#438b89 rgb(67,139,137)
```
#3b9391
```
#3b9391 rgb(59,147,145)
```
#339b98
```
#339b98 rgb(51,155,152)
```
#2ba3a0
```
#2ba3a0 rgb(43,163,160)
```
#23aba7
```
#23aba7 rgb(35,171,167)
```
#1cb2af
```
#1cb2af rgb(28,178,175)
```
#14bab6
```
#14bab6 rgb(20,186,182)
```
#0cc2be
```
#0cc2be rgb(12,194,190)
```
#04cac5
```
#04cac5 rgb(4,202,197)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#697171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7a7c Protanopia 1% of men
#827784 Deuteranopia 1% of men
#5e8089 Tritanopia 0.001% of the population

Trichromacy

#6d7a7b Protanomaly 1% of men, 0.01% of women
#707980 Deuteranomaly 6% of men, 0.4% of women
#5a7e84 Tritanomaly 0.01% of the population

#537b7a hex color

#537b7a Color Information

#537b7a Color Conversion

Color Schemes with #537b7a

Alternatives to #537b7a

#537b7a Preview

Shades and Tints of #537b7a

Tones of #537b7a

Color Blindness Simulator