#537180 hex color

In a RGB color space, hex #537180 is composed of 32.5% red, 44.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 11.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 200 degrees, a saturation of 21.3% and a lightness of 41.4%. #537180 color hex could be obtained by blending #a6e2ff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 50
RGB color chart
- C 35
- M 12
- Y 0
- K 50
CMYK color chart

● #537180 color description : Mostly desaturated dark blue.

The hexadecimal color #537180 has RGB values of R:83, G:113, B:128 and CMYK values of C:0.35, M:0.12, Y:0, K:0.5. Its decimal value is 5468544.

Hex triplet	537180	`#537180`
RGB Decimal	83, 113, 128	`rgb(83,113,128)`
RGB Percent	32.5, 44.3, 50.2	`rgb(32.5%,44.3%,50.2%)`
CMYK	35, 12, 0, 50
HSL	200°, 21.3, 41.4	`hsl(200,21.3%,41.4%)`
HSV (or HSB)	200°, 35.2, 50.2
Web Safe	666699	`#666699`

CIE-LAB	45.917, -6.86, -11.754
XYZ	13.368, 15.207, 22.652
xyY	0.261, 0.297, 15.207
CIE-LCH	45.917, 13.61, 239.729
CIE-LUV	45.917, -14.944, -15.535
Hunter-Lab	38.996, -7.055, -7.142
Binary	01010011, 01110001, 10000000

#537180
```
#537180 rgb(83,113,128)
```
#806253
```
#806253 rgb(128,98,83)
```

Complementary Color

#538079
```
#538079 rgb(83,128,121)
```
#537180
```
#537180 rgb(83,113,128)
```
#535b80
```
#535b80 rgb(83,91,128)
```

Analogous Color

#807953
```
#807953 rgb(128,121,83)
```
#537180
```
#537180 rgb(83,113,128)
```
#80535b
```
#80535b rgb(128,83,91)
```

Split Complementary Color

#718053
```
#718053 rgb(113,128,83)
```
#537180
```
#537180 rgb(83,113,128)
```
#805371
```
#805371 rgb(128,83,113)
```

Triadic Color

#538062
```
#538062 rgb(83,128,98)
```
#537180
```
#537180 rgb(83,113,128)
```
#805371
```
#805371 rgb(128,83,113)
```
#806253
```
#806253 rgb(128,98,83)
```

Tetradic Color

#354852
```
#354852 rgb(53,72,82)
```
#3f5661
```
#3f5661 rgb(63,86,97)
```
#496371
```
#496371 rgb(73,99,113)
```
#537180
```
#537180 rgb(83,113,128)
```
#5d7f8f
```
#5d7f8f rgb(93,127,143)
```
#698c9d
```
#698c9d rgb(105,140,157)
```
#7898a7
```
#7898a7 rgb(120,152,167)
```

Monochromatic Color

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

#537c80
```
#537c80 rgb(83,124,128)
```
#537980
```
#537980 rgb(83,121,128)
```
#537580
```
#537580 rgb(83,117,128)
```
#537180
```
#537180 rgb(83,113,128)
```
#536d80
```
#536d80 rgb(83,109,128)
```
#536a80
```
#536a80 rgb(83,106,128)
```
#536680
```
#536680 rgb(83,102,128)
```

Similar Colors

Text with hexadecimal color #537180

This text has a font color of #537180.

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

#537180 background color

This paragraph has a background color of #537180.

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

#537180 border color

This element has a border color of #537180.

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

CSS codes

.text {color:#537180;}

.background {background-color:#537180;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1215
```
#0e1215 rgb(14,18,21)
```
#151d21
```
#151d21 rgb(21,29,33)
```
#1d272d
```
#1d272d rgb(29,39,45)
```
#253239
```
#253239 rgb(37,50,57)
```
#2c3c45
```
#2c3c45 rgb(44,60,69)
```
#344750
```
#344750 rgb(52,71,80)
```
#3c515c
```
#3c515c rgb(60,81,92)
```
#445c68
```
#445c68 rgb(68,92,104)
```
#4b6674
```
#4b6674 rgb(75,102,116)
```
#537180
```
#537180 rgb(83,113,128)
```
#5b7c8c
```
#5b7c8c rgb(91,124,140)
```
#628698
```
#628698 rgb(98,134,152)
```

Shade Color Variation

#6d8fa1
```
#6d8fa1 rgb(109,143,161)
```
#7999a8
```
#7999a8 rgb(121,153,168)
```
#85a2b0
```
#85a2b0 rgb(133,162,176)
```
#91abb8
```
#91abb8 rgb(145,171,184)
```
#9db4bf
```
#9db4bf rgb(157,180,191)
```
#a9bdc7
```
#a9bdc7 rgb(169,189,199)
```
#b5c6cf
```
#b5c6cf rgb(181,198,207)
```
#c1cfd7
```
#c1cfd7 rgb(193,207,215)
```
#cdd8de
```
#cdd8de rgb(205,216,222)
```
#d8e1e6
```
#d8e1e6 rgb(216,225,230)
```
#e4ebee
```
#e4ebee rgb(228,235,238)
```
#f0f4f5
```
#f0f4f5 rgb(240,244,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#636c70
```
#636c70 rgb(99,108,112)
```
#5b6e78
```
#5b6e78 rgb(91,110,120)
```
#537180
```
#537180 rgb(83,113,128)
```
#4b7488
```
#4b7488 rgb(75,116,136)
```
#437690
```
#437690 rgb(67,118,144)
```
#3b7998
```
#3b7998 rgb(59,121,152)
```
#337ca0
```
#337ca0 rgb(51,124,160)
```
#2a7fa9
```
#2a7fa9 rgb(42,127,169)
```
#2281b1
```
#2281b1 rgb(34,129,177)
```
#1a84b9
```
#1a84b9 rgb(26,132,185)
```
#1287c1
```
#1287c1 rgb(18,135,193)
```
#0a89c9
```
#0a89c9 rgb(10,137,201)
```
#028cd1
```
#028cd1 rgb(2,140,209)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#717383 Protanopia 1% of men
#747188 Deuteranopia 1% of men
#5a7981 Tritanopia 0.001% of the population

Trichromacy

#667282 Protanomaly 1% of men, 0.01% of women
#687185 Deuteranomaly 6% of men, 0.4% of women
#577681 Tritanomaly 0.01% of the population

#537180 hex color

#537180 Color Information

#537180 Color Conversion

Color Schemes with #537180

Alternatives to #537180

#537180 Preview

Shades and Tints of #537180

Tones of #537180

Color Blindness Simulator