#537b8b hex color

In a RGB color space, hex #537b8b is composed of 32.5% red, 48.2% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 11.5% magenta, 0% yellow and 45.5% black. It has a hue angle of 197.1 degrees, a saturation of 25.2% and a lightness of 43.5%. #537b8b color hex could be obtained by blending #a6f6ff with #000017. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 55
RGB color chart
- C 40
- M 12
- Y 0
- K 45
CMYK color chart

● #537b8b color description : Mostly desaturated dark blue.

The hexadecimal color #537b8b has RGB values of R:83, G:123, B:139 and CMYK values of C:0.4, M:0.12, Y:0, K:0.45. Its decimal value is 5471115.

Hex triplet	537b8b	`#537b8b`
RGB Decimal	83, 123, 139	`rgb(83,123,139)`
RGB Percent	32.5, 48.2, 54.5	`rgb(32.5%,48.2%,54.5%)`
CMYK	40, 12, 0, 45
HSL	197.1°, 25.2, 43.5	`hsl(197.1,25.2%,43.5%)`
HSV (or HSB)	197.1°, 40.3, 54.5
Web Safe	666699	`#666699`

CIE-LAB	49.336, -9.575, -13.106
XYZ	15.309, 17.868, 27.067
xyY	0.254, 0.297, 17.868
CIE-LCH	49.336, 16.231, 233.85
CIE-LUV	49.336, -19.146, -17.436
Hunter-Lab	42.271, -9.326, -8.375
Binary	01010011, 01111011, 10001011

#537b8b
```
#537b8b rgb(83,123,139)
```
#8b6353
```
#8b6353 rgb(139,99,83)
```

Complementary Color

#538b7f
```
#538b7f rgb(83,139,127)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#535f8b
```
#535f8b rgb(83,95,139)
```

Analogous Color

#8b7f53
```
#8b7f53 rgb(139,127,83)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#8b535f
```
#8b535f rgb(139,83,95)
```

Split Complementary Color

#7b8b53
```
#7b8b53 rgb(123,139,83)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#8b537b
```
#8b537b rgb(139,83,123)
```

Triadic Color

#538b63
```
#538b63 rgb(83,139,99)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#8b537b
```
#8b537b rgb(139,83,123)
```
#8b6353
```
#8b6353 rgb(139,99,83)
```

Tetradic Color

#36515b
```
#36515b rgb(54,81,91)
```
#405f6b
```
#405f6b rgb(64,95,107)
```
#496d7b
```
#496d7b rgb(73,109,123)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#5d899b
```
#5d899b rgb(93,137,155)
```
#6b95a6
```
#6b95a6 rgb(107,149,166)
```
#7ba1b0
```
#7ba1b0 rgb(123,161,176)
```

Monochromatic Color

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

#53898b
```
#53898b rgb(83,137,139)
```
#53848b
```
#53848b rgb(83,132,139)
```
#53808b
```
#53808b rgb(83,128,139)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#53768b
```
#53768b rgb(83,118,139)
```
#53728b
```
#53728b rgb(83,114,139)
```
#536d8b
```
#536d8b rgb(83,109,139)
```

Similar Colors

Text with hexadecimal color #537b8b

This text has a font color of #537b8b.

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

#537b8b background color

This paragraph has a background color of #537b8b.

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

#537b8b border color

This element has a border color of #537b8b.

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

CSS codes

.text {color:#537b8b;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0e10
```
#0a0e10 rgb(10,14,16)
```
#11191c
```
#11191c rgb(17,25,28)
```
#182429
```
#182429 rgb(24,36,41)
```
#202f35
```
#202f35 rgb(32,47,53)
```
#273a41
```
#273a41 rgb(39,58,65)
```
#2e454e
```
#2e454e rgb(46,69,78)
```
#36505a
```
#36505a rgb(54,80,90)
```
#3d5a66
```
#3d5a66 rgb(61,90,102)
```
#446572
```
#446572 rgb(68,101,114)
```
#4c707f
```
#4c707f rgb(76,112,127)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#5a8697
```
#5a8697 rgb(90,134,151)
```

Shade Color Variation

#6390a2
```
#6390a2 rgb(99,144,162)
```
#7099a9
```
#7099a9 rgb(112,153,169)
```
#7ca2b1
```
#7ca2b1 rgb(124,162,177)
```
#88aab8
```
#88aab8 rgb(136,170,184)
```
#94b3bf
```
#94b3bf rgb(148,179,191)
```
#a1bcc7
```
#a1bcc7 rgb(161,188,199)
```
#adc5ce
```
#adc5ce rgb(173,197,206)
```
#b9cdd5
```
#b9cdd5 rgb(185,205,213)
```
#c5d6dd
```
#c5d6dd rgb(197,214,221)
```
#d2dfe4
```
#d2dfe4 rgb(210,223,228)
```
#dee8eb
```
#dee8eb rgb(222,232,235)
```
#eaf0f3
```
#eaf0f3 rgb(234,240,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7071 is the less saturated color, while #069cd8 is the most saturated one.

#6d7071
```
#6d7071 rgb(109,112,113)
```
#64747a
```
#64747a rgb(100,116,122)
```
#5c7782
```
#5c7782 rgb(92,119,130)
```
#537b8b
```
#537b8b rgb(83,123,139)
```
#4a7f94
```
#4a7f94 rgb(74,127,148)
```
#42829c
```
#42829c rgb(66,130,156)
```
#3986a5
```
#3986a5 rgb(57,134,165)
```
#318aad
```
#318aad rgb(49,138,173)
```
#288db6
```
#288db6 rgb(40,141,182)
```
#2091be
```
#2091be rgb(32,145,190)
```
#1795c7
```
#1795c7 rgb(23,149,199)
```
#0f98cf
```
#0f98cf rgb(15,152,207)
```
#069cd8
```
#069cd8 rgb(6,156,216)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797b8d Protanopia 1% of men
#7b7993 Deuteranopia 1% of men
#5a828c Tritanopia 0.001% of the population

Trichromacy

#6b7b8c Protanomaly 1% of men, 0.01% of women
#6c7a90 Deuteranomaly 6% of men, 0.4% of women
#577f8b Tritanomaly 0.01% of the population

#537b8b hex color

#537b8b Color Information

#537b8b Color Conversion

Color Schemes with #537b8b

Alternatives to #537b8b

#537b8b Preview

Shades and Tints of #537b8b

Tones of #537b8b

Color Blindness Simulator