#537b82 hex color

In a RGB color space, hex #537b82 is composed of 32.5% red, 48.2% green and 51% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 5.4% magenta, 0% yellow and 49% black. It has a hue angle of 188.9 degrees, a saturation of 22.1% and a lightness of 41.8%. #537b82 color hex could be obtained by blending #a6f6ff with #000005. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 51
RGB color chart
- C 36
- M 5
- Y 0
- K 49
CMYK color chart

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

The hexadecimal color #537b82 has RGB values of R:83, G:123, B:130 and CMYK values of C:0.36, M:0.05, Y:0, K:0.49. Its decimal value is 5471106.

Hex triplet	537b82	`#537b82`
RGB Decimal	83, 123, 130	`rgb(83,123,130)`
RGB Percent	32.5, 48.2, 51	`rgb(32.5%,48.2%,51%)`
CMYK	36, 5, 0, 49
HSL	188.9°, 22.1, 41.8	`hsl(188.9,22.1%,41.8%)`
HSV (or HSB)	188.9°, 36.2, 51
Web Safe	666699	`#666699`

CIE-LAB	49.027, -12.032, -8.268
XYZ	14.678, 17.616, 23.745
xyY	0.262, 0.314, 17.616
CIE-LCH	49.027, 14.598, 214.495
CIE-LUV	49.027, -19.221, -9.911
Hunter-Lab	41.971, -11.024, -4.162
Binary	01010011, 01111011, 10000010

#537b82
```
#537b82 rgb(83,123,130)
```
#825a53
```
#825a53 rgb(130,90,83)
```

Complementary Color

#538272
```
#538272 rgb(83,130,114)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#536482
```
#536482 rgb(83,100,130)
```

Analogous Color

#827253
```
#827253 rgb(130,114,83)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#825364
```
#825364 rgb(130,83,100)
```

Split Complementary Color

#7b8253
```
#7b8253 rgb(123,130,83)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#82537b
```
#82537b rgb(130,83,123)
```

Triadic Color

#53825a
```
#53825a rgb(83,130,90)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#82537b
```
#82537b rgb(130,83,123)
```
#825a53
```
#825a53 rgb(130,90,83)
```

Tetradic Color

#354f53
```
#354f53 rgb(53,79,83)
```
#3f5e63
```
#3f5e63 rgb(63,94,99)
```
#496c72
```
#496c72 rgb(73,108,114)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#5d8a92
```
#5d8a92 rgb(93,138,146)
```
#69979f
```
#69979f rgb(105,151,159)
```
#78a2a9
```
#78a2a9 rgb(120,162,169)
```

Monochromatic Color

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

#53827d
```
#53827d rgb(83,130,125)
```
#538281
```
#538281 rgb(83,130,129)
```
#537f82
```
#537f82 rgb(83,127,130)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#537782
```
#537782 rgb(83,119,130)
```
#537382
```
#537382 rgb(83,115,130)
```
#536f82
```
#536f82 rgb(83,111,130)
```

Similar Colors

Text with hexadecimal color #537b82

This text has a font color of #537b82.

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

#537b82 background color

This paragraph has a background color of #537b82.

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

#537b82 border color

This element has a border color of #537b82.

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

CSS codes

.text {color:#537b82;}

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

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

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, #070a0a is the darkest color, while #fdfefe is the lightest one.

#070a0a
```
#070a0a rgb(7,10,10)
```
#0e1516
```
#0e1516 rgb(14,21,22)
```
#162022
```
#162022 rgb(22,32,34)
```
#1d2c2e
```
#1d2c2e rgb(29,44,46)
```
#25373a
```
#25373a rgb(37,55,58)
```
#2d4246
```
#2d4246 rgb(45,66,70)
```
#344e52
```
#344e52 rgb(52,78,82)
```
#3c595e
```
#3c595e rgb(60,89,94)
```
#44646a
```
#44646a rgb(68,100,106)
```
#4b7076
```
#4b7076 rgb(75,112,118)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#5b868e
```
#5b868e rgb(91,134,142)
```
#62929a
```
#62929a rgb(98,146,154)
```

Shade Color Variation

#6e9aa2
```
#6e9aa2 rgb(110,154,162)
```
#7aa3aa
```
#7aa3aa rgb(122,163,170)
```
#86abb1
```
#86abb1 rgb(134,171,177)
```
#92b3b9
```
#92b3b9 rgb(146,179,185)
```
#9ebcc1
```
#9ebcc1 rgb(158,188,193)
```
#aac4c8
```
#aac4c8 rgb(170,196,200)
```
#b5ccd0
```
#b5ccd0 rgb(181,204,208)
```
#c1d4d8
```
#c1d4d8 rgb(193,212,216)
```
#cddddf
```
#cddddf rgb(205,221,223)
```
#d9e5e7
```
#d9e5e7 rgb(217,229,231)
```
#e5edef
```
#e5edef rgb(229,237,239)
```
#f1f6f6
```
#f1f6f6 rgb(241,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#636f72
```
#636f72 rgb(99,111,114)
```
#5b757a
```
#5b757a rgb(91,117,122)
```
#537b82
```
#537b82 rgb(83,123,130)
```
#4b818a
```
#4b818a rgb(75,129,138)
```
#438792
```
#438792 rgb(67,135,146)
```
#3a8c9b
```
#3a8c9b rgb(58,140,155)
```
#3292a3
```
#3292a3 rgb(50,146,163)
```
#2a98ab
```
#2a98ab rgb(42,152,171)
```
#229eb3
```
#229eb3 rgb(34,158,179)
```
#1aa3bb
```
#1aa3bb rgb(26,163,187)
```
#11a9c4
```
#11a9c4 rgb(17,169,196)
```
#09afcc
```
#09afcc rgb(9,175,204)
```
#01b5d4
```
#01b5d4 rgb(1,181,212)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a7274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7a84 Protanopia 1% of men
#7f788b Deuteranopia 1% of men
#5c818a Tritanopia 0.001% of the population

Trichromacy

#6c7a83 Protanomaly 1% of men, 0.01% of women
#6f7988 Deuteranomaly 6% of men, 0.4% of women
#597f87 Tritanomaly 0.01% of the population

#537b82 hex color

#537b82 Color Information

#537b82 Color Conversion

Color Schemes with #537b82

Alternatives to #537b82

#537b82 Preview

Shades and Tints of #537b82

Tones of #537b82

Color Blindness Simulator