#537b9c hex color

In a RGB color space, hex #537b9c is composed of 32.5% red, 48.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 21.2% magenta, 0% yellow and 38.8% black. It has a hue angle of 207.1 degrees, a saturation of 30.5% and a lightness of 46.9%. #537b9c color hex could be obtained by blending #a6f6ff with #000039. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 61
RGB color chart
- C 47
- M 21
- Y 0
- K 39
CMYK color chart

● #537b9c color description : Dark moderate blue.

The hexadecimal color #537b9c has RGB values of R:83, G:123, B:156 and CMYK values of C:0.47, M:0.21, Y:0, K:0.39. Its decimal value is 5471132.

Hex triplet	537b9c	`#537b9c`
RGB Decimal	83, 123, 156	`rgb(83,123,156)`
RGB Percent	32.5, 48.2, 61.2	`rgb(32.5%,48.2%,61.2%)`
CMYK	47, 21, 0, 39
HSL	207.1°, 30.5, 46.9	`hsl(207.1,30.5%,46.9%)`
HSV (or HSB)	207.1°, 46.8, 61.2
Web Safe	666699	`#666699`

CIE-LAB	49.983, -4.645, -22.09
XYZ	16.65, 18.404, 34.126
xyY	0.241, 0.266, 18.404
CIE-LCH	49.983, 22.573, 258.124
CIE-LUV	49.983, -19.023, -31.9
Hunter-Lab	42.9, -5.8, -17.133
Binary	01010011, 01111011, 10011100

#537b9c
```
#537b9c rgb(83,123,156)
```
#9c7453
```
#9c7453 rgb(156,116,83)
```

Complementary Color

#539c99
```
#539c99 rgb(83,156,153)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#53579c
```
#53579c rgb(83,87,156)
```

Analogous Color

#9c9953
```
#9c9953 rgb(156,153,83)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#9c5356
```
#9c5356 rgb(156,83,86)
```

Split Complementary Color

#7b9c53
```
#7b9c53 rgb(123,156,83)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#9c537b
```
#9c537b rgb(156,83,123)
```

Triadic Color

#539c74
```
#539c74 rgb(83,156,116)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#9c537b
```
#9c537b rgb(156,83,123)
```
#9c7453
```
#9c7453 rgb(156,116,83)
```

Tetradic Color

#38546a
```
#38546a rgb(56,84,106)
```
#41617b
```
#41617b rgb(65,97,123)
```
#4a6e8b
```
#4a6e8b rgb(74,110,139)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#5f88aa
```
#5f88aa rgb(95,136,170)
```
#6f94b3
```
#6f94b3 rgb(111,148,179)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```

Monochromatic Color

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

#538d9c
```
#538d9c rgb(83,141,156)
```
#53879c
```
#53879c rgb(83,135,156)
```
#53819c
```
#53819c rgb(83,129,156)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#53759c
```
#53759c rgb(83,117,156)
```
#536f9c
```
#536f9c rgb(83,111,156)
```
#53699c
```
#53699c rgb(83,105,156)
```

Similar Colors

Text with hexadecimal color #537b9c

This text has a font color of #537b9c.

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

#537b9c background color

This paragraph has a background color of #537b9c.

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

#537b9c border color

This element has a border color of #537b9c.

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

CSS codes

.text {color:#537b9c;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0f
```
#080c0f rgb(8,12,15)
```
#0f161c
```
#0f161c rgb(15,22,28)
```
#162029
```
#162029 rgb(22,32,41)
```
#1d2a36
```
#1d2a36 rgb(29,42,54)
```
#233442
```
#233442 rgb(35,52,66)
```
#2a3e4f
```
#2a3e4f rgb(42,62,79)
```
#31495c
```
#31495c rgb(49,73,92)
```
#385369
```
#385369 rgb(56,83,105)
```
#3f5d76
```
#3f5d76 rgb(63,93,118)
```
#456782
```
#456782 rgb(69,103,130)
```
#4c718f
```
#4c718f rgb(76,113,143)
```
#537b9c
```
#537b9c rgb(83,123,156)
```

Shade Color Variation

#5b85a8
```
#5b85a8 rgb(91,133,168)
```
#688faf
```
#688faf rgb(104,143,175)
```
#7598b5
```
#7598b5 rgb(117,152,181)
```
#81a2bc
```
#81a2bc rgb(129,162,188)
```
#8eabc3
```
#8eabc3 rgb(142,171,195)
```
#9bb5ca
```
#9bb5ca rgb(155,181,202)
```
#a8bed1
```
#a8bed1 rgb(168,190,209)
```
#b5c8d7
```
#b5c8d7 rgb(181,200,215)
```
#c1d1de
```
#c1d1de rgb(193,209,222)
```
#cedbe5
```
#cedbe5 rgb(206,219,229)
```
#dbe4ec
```
#dbe4ec rgb(219,228,236)
```
#e8eef3
```
#e8eef3 rgb(232,238,243)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#6f7880
```
#6f7880 rgb(111,120,128)
```
#65798a
```
#65798a rgb(101,121,138)
```
#5c7a93
```
#5c7a93 rgb(92,122,147)
```
#537b9c
```
#537b9c rgb(83,123,156)
```
#4a7ca5
```
#4a7ca5 rgb(74,124,165)
```
#417dae
```
#417dae rgb(65,125,174)
```
#377eb8
```
#377eb8 rgb(55,126,184)
```
#2e7fc1
```
#2e7fc1 rgb(46,127,193)
```
#257fca
```
#257fca rgb(37,127,202)
```
#1c80d3
```
#1c80d3 rgb(28,128,211)
```
#1381dc
```
#1381dc rgb(19,129,220)
```
#0982e6
```
#0982e6 rgb(9,130,230)
```
#0083ef
```
#0083ef rgb(0,131,239)
```

Tone Color Variation

Below, you can see how #537b9c 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
#6d757b Atypical Achromatopsia 0.001% of the population

Dichromacy

#747c9d Protanopia 1% of men
#737ca3 Deuteranopia 1% of men
#55858e Tritanopia 0.001% of the population

Trichromacy

#687c9d Protanomaly 1% of men, 0.01% of women
#677ba0 Deuteranomaly 6% of men, 0.4% of women
#548193 Tritanomaly 0.01% of the population

#537b9c hex color

#537b9c Color Information

#537b9c Color Conversion

Color Schemes with #537b9c

Alternatives to #537b9c

#537b9c Preview

Shades and Tints of #537b9c

Tones of #537b9c

Color Blindness Simulator