#537c96 hex color

In a RGB color space, hex #537c96 is composed of 32.5% red, 48.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 17.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 203.3 degrees, a saturation of 28.8% and a lightness of 45.7%. #537c96 color hex could be obtained by blending #a6f8ff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 59
RGB color chart
- C 45
- M 17
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #537c96 has RGB values of R:83, G:124, B:150 and CMYK values of C:0.45, M:0.17, Y:0, K:0.41. Its decimal value is 5471382.

Hex triplet	537c96	`#537c96`
RGB Decimal	83, 124, 150	`rgb(83,124,150)`
RGB Percent	32.5, 48.6, 58.8	`rgb(32.5%,48.6%,58.8%)`
CMYK	45, 17, 0, 41
HSL	203.3°, 28.8, 45.7	`hsl(203.3,28.8%,45.7%)`
HSV (or HSB)	203.3°, 44.7, 58.8
Web Safe	666699	`#666699`

CIE-LAB	50.044, -7.002, -18.486
XYZ	16.279, 18.456, 31.557
xyY	0.246, 0.278, 18.456
CIE-LCH	50.044, 19.768, 249.256
CIE-LUV	50.044, -19.468, -26.026
Hunter-Lab	42.96, -7.541, -13.481
Binary	01010011, 01111100, 10010110

#537c96
```
#537c96 rgb(83,124,150)
```
#966d53
```
#966d53 rgb(150,109,83)
```

Complementary Color

#53968f
```
#53968f rgb(83,150,143)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#535b96
```
#535b96 rgb(83,91,150)
```

Analogous Color

#968f53
```
#968f53 rgb(150,143,83)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#96535b
```
#96535b rgb(150,83,91)
```

Split Complementary Color

#7c9653
```
#7c9653 rgb(124,150,83)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#96537c
```
#96537c rgb(150,83,124)
```

Triadic Color

#53966d
```
#53966d rgb(83,150,109)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#96537c
```
#96537c rgb(150,83,124)
```
#966d53
```
#966d53 rgb(150,109,83)
```

Tetradic Color

#385365
```
#385365 rgb(56,83,101)
```
#416175
```
#416175 rgb(65,97,117)
```
#4a6e86
```
#4a6e86 rgb(74,110,134)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#5d89a5
```
#5d89a5 rgb(93,137,165)
```
#6e95ae
```
#6e95ae rgb(110,149,174)
```
#7ea1b8
```
#7ea1b8 rgb(126,161,184)
```

Monochromatic Color

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

#538d96
```
#538d96 rgb(83,141,150)
```
#538796
```
#538796 rgb(83,135,150)
```
#538296
```
#538296 rgb(83,130,150)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#537696
```
#537696 rgb(83,118,150)
```
#537196
```
#537196 rgb(83,113,150)
```
#536b96
```
#536b96 rgb(83,107,150)
```

Similar Colors

Text with hexadecimal color #537c96

This text has a font color of #537c96.

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

#537c96 background color

This paragraph has a background color of #537c96.

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

#537c96 border color

This element has a border color of #537c96.

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

CSS codes

.text {color:#537c96;}

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

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

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

#06090b
```
#06090b rgb(6,9,11)
```
#0d1418
```
#0d1418 rgb(13,20,24)
```
#141e24
```
#141e24 rgb(20,30,36)
```
#1b2831
```
#1b2831 rgb(27,40,49)
```
#22333e
```
#22333e rgb(34,51,62)
```
#293d4a
```
#293d4a rgb(41,61,74)
```
#304857
```
#304857 rgb(48,72,87)
```
#375263
```
#375263 rgb(55,82,99)
```
#3e5d70
```
#3e5d70 rgb(62,93,112)
```
#45677d
```
#45677d rgb(69,103,125)
```
#4c7289
```
#4c7289 rgb(76,114,137)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#5a86a3
```
#5a86a3 rgb(90,134,163)
```

Shade Color Variation

#6690aa
```
#6690aa rgb(102,144,170)
```
#7399b1
```
#7399b1 rgb(115,153,177)
```
#7fa2b8
```
#7fa2b8 rgb(127,162,184)
```
#8cabbf
```
#8cabbf rgb(140,171,191)
```
#98b4c6
```
#98b4c6 rgb(152,180,198)
```
#a5becd
```
#a5becd rgb(165,190,205)
```
#b2c7d4
```
#b2c7d4 rgb(178,199,212)
```
#bed0db
```
#bed0db rgb(190,208,219)
```
#cbd9e2
```
#cbd9e2 rgb(203,217,226)
```
#d8e2e9
```
#d8e2e9 rgb(216,226,233)
```
#e4ecf0
```
#e4ecf0 rgb(228,236,240)
```
#f1f5f7
```
#f1f5f7 rgb(241,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6e767b
```
#6e767b rgb(110,118,123)
```
#657884
```
#657884 rgb(101,120,132)
```
#5c7a8d
```
#5c7a8d rgb(92,122,141)
```
#537c96
```
#537c96 rgb(83,124,150)
```
#4a7e9f
```
#4a7e9f rgb(74,126,159)
```
#4180a8
```
#4180a8 rgb(65,128,168)
```
#3882b1
```
#3882b1 rgb(56,130,177)
```
#2f84ba
```
#2f84ba rgb(47,132,186)
```
#2686c3
```
#2686c3 rgb(38,134,195)
```
#1d88cc
```
#1d88cc rgb(29,136,204)
```
#148ad5
```
#148ad5 rgb(20,138,213)
```
#0b8cde
```
#0b8cde rgb(11,140,222)
```
#028ee7
```
#028ee7 rgb(2,142,231)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d757a Atypical Achromatopsia 0.001% of the population

Dichromacy

#777c97 Protanopia 1% of men
#787c9d Deuteranopia 1% of men
#57858e Tritanopia 0.001% of the population

Trichromacy

#6a7c97 Protanomaly 1% of men, 0.01% of women
#6a7c9b Deuteranomaly 6% of men, 0.4% of women
#558191 Tritanomaly 0.01% of the population

#537c96 hex color

#537c96 Color Information

#537c96 Color Conversion

Color Schemes with #537c96

Alternatives to #537c96

#537c96 Preview

Shades and Tints of #537c96

Tones of #537c96

Color Blindness Simulator