#537682 hex color

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

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

● #537682 color description : Mostly desaturated dark blue.

The hexadecimal color #537682 has RGB values of R:83, G:118, B:130 and CMYK values of C:0.36, M:0.09, Y:0, K:0.49. Its decimal value is 5469826.

Hex triplet	537682	`#537682`
RGB Decimal	83, 118, 130	`rgb(83,118,130)`
RGB Percent	32.5, 46.3, 51	`rgb(32.5%,46.3%,51%)`
CMYK	36, 9, 0, 49
HSL	195.3°, 22.1, 41.8	`hsl(195.3,22.1%,41.8%)`
HSV (or HSB)	195.3°, 36.2, 51
Web Safe	666699	`#666699`

CIE-LAB	47.504, -9.201, -10.552
XYZ	14.074, 16.407, 23.543
xyY	0.261, 0.304, 16.407
CIE-LCH	47.504, 14, 228.912
CIE-LUV	47.504, -17.083, -13.565
Hunter-Lab	40.506, -8.863, -6.107
Binary	01010011, 01110110, 10000010

#537682
```
#537682 rgb(83,118,130)
```
#825f53
```
#825f53 rgb(130,95,83)
```

Complementary Color

#538277
```
#538277 rgb(83,130,119)
```
#537682
```
#537682 rgb(83,118,130)
```
#535f82
```
#535f82 rgb(83,95,130)
```

Analogous Color

#827753
```
#827753 rgb(130,119,83)
```
#537682
```
#537682 rgb(83,118,130)
```
#82535f
```
#82535f rgb(130,83,95)
```

Split Complementary Color

#768253
```
#768253 rgb(118,130,83)
```
#537682
```
#537682 rgb(83,118,130)
```
#825376
```
#825376 rgb(130,83,118)
```

Triadic Color

#53825f
```
#53825f rgb(83,130,95)
```
#537682
```
#537682 rgb(83,118,130)
```
#825376
```
#825376 rgb(130,83,118)
```
#825f53
```
#825f53 rgb(130,95,83)
```

Tetradic Color

#354c53
```
#354c53 rgb(53,76,83)
```
#3f5a63
```
#3f5a63 rgb(63,90,99)
```
#496872
```
#496872 rgb(73,104,114)
```
#537682
```
#537682 rgb(83,118,130)
```
#5d8492
```
#5d8492 rgb(93,132,146)
```
#69919f
```
#69919f rgb(105,145,159)
```
#789da9
```
#789da9 rgb(120,157,169)
```

Monochromatic Color

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

#538282
```
#538282 rgb(83,130,130)
```
#537e82
```
#537e82 rgb(83,126,130)
```
#537a82
```
#537a82 rgb(83,122,130)
```
#537682
```
#537682 rgb(83,118,130)
```
#537282
```
#537282 rgb(83,114,130)
```
#536e82
```
#536e82 rgb(83,110,130)
```
#536a82
```
#536a82 rgb(83,106,130)
```

Similar Colors

Text with hexadecimal color #537682

This text has a font color of #537682.

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

#537682 background color

This paragraph has a background color of #537682.

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

#537682 border color

This element has a border color of #537682.

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

CSS codes

.text {color:#537682;}

.background {background-color:#537682;}

.border {border:1px solid #537682;}

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

#07090a
```
#07090a rgb(7,9,10)
```
#0e1416
```
#0e1416 rgb(14,20,22)
```
#161f22
```
#161f22 rgb(22,31,34)
```
#1d2a2e
```
#1d2a2e rgb(29,42,46)
```
#25353a
```
#25353a rgb(37,53,58)
```
#2d4046
```
#2d4046 rgb(45,64,70)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#3c555e
```
#3c555e rgb(60,85,94)
```
#44606a
```
#44606a rgb(68,96,106)
```
#4b6b76
```
#4b6b76 rgb(75,107,118)
```
#537682
```
#537682 rgb(83,118,130)
```
#5b818e
```
#5b818e rgb(91,129,142)
```
#628c9a
```
#628c9a rgb(98,140,154)
```

Shade Color Variation

#6e95a2
```
#6e95a2 rgb(110,149,162)
```
#7a9eaa
```
#7a9eaa rgb(122,158,170)
```
#86a6b1
```
#86a6b1 rgb(134,166,177)
```
#92afb9
```
#92afb9 rgb(146,175,185)
```
#9eb8c1
```
#9eb8c1 rgb(158,184,193)
```
#aac1c8
```
#aac1c8 rgb(170,193,200)
```
#b5c9d0
```
#b5c9d0 rgb(181,201,208)
```
#c1d2d8
```
#c1d2d8 rgb(193,210,216)
```
#cddbdf
```
#cddbdf rgb(205,219,223)
```
#d9e4e7
```
#d9e4e7 rgb(217,228,231)
```
#e5ecef
```
#e5ecef rgb(229,236,239)
```
#f1f5f6
```
#f1f5f6 rgb(241,245,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#636e72
```
#636e72 rgb(99,110,114)
```
#5b727a
```
#5b727a rgb(91,114,122)
```
#537682
```
#537682 rgb(83,118,130)
```
#4b7a8a
```
#4b7a8a rgb(75,122,138)
```
#437e92
```
#437e92 rgb(67,126,146)
```
#3a829b
```
#3a829b rgb(58,130,155)
```
#3286a3
```
#3286a3 rgb(50,134,163)
```
#2a8aab
```
#2a8aab rgb(42,138,171)
```
#228eb3
```
#228eb3 rgb(34,142,179)
```
#1a92bb
```
#1a92bb rgb(26,146,187)
```
#1196c4
```
#1196c4 rgb(17,150,196)
```
#099acc
```
#099acc rgb(9,154,204)
```
#019ed4
```
#019ed4 rgb(1,158,212)
```

Tone Color Variation

Below, you can see how #537682 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
#686f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767785 Protanopia 1% of men
#79758b Deuteranopia 1% of men
#5b7d86 Tritanopia 0.001% of the population

Trichromacy

#697683 Protanomaly 1% of men, 0.01% of women
#6b7587 Deuteranomaly 6% of men, 0.4% of women
#587a84 Tritanomaly 0.01% of the population

#537682 hex color

#537682 Color Information

#537682 Color Conversion

Color Schemes with #537682

Alternatives to #537682

#537682 Preview

Shades and Tints of #537682

Tones of #537682

Color Blindness Simulator