#537cbb hex color

In a RGB color space, hex #537cbb is composed of 32.5% red, 48.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 33.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 216.3 degrees, a saturation of 43.3% and a lightness of 52.9%. #537cbb color hex could be obtained by blending #a6f8ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 49
- B 73
RGB color chart
- C 56
- M 34
- Y 0
- K 27
CMYK color chart

● #537cbb color description : Moderate blue.

The hexadecimal color #537cbb has RGB values of R:83, G:124, B:187 and CMYK values of C:0.56, M:0.34, Y:0, K:0.27. Its decimal value is 5471419.

Hex triplet	537cbb	`#537cbb`
RGB Decimal	83, 124, 187	`rgb(83,124,187)`
RGB Percent	32.5, 48.6, 73.3	`rgb(32.5%,48.6%,73.3%)`
CMYK	56, 34, 0, 27
HSL	216.3°, 43.3, 52.9	`hsl(216.3,43.3%,52.9%)`
HSV (or HSB)	216.3°, 55.6, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.657, 4.488, -37.444
XYZ	19.743, 19.841, 49.8
xyY	0.221, 0.222, 19.841
CIE-LCH	51.657, 37.713, 276.835
CIE-LUV	51.657, -19.241, -57.594
Hunter-Lab	44.543, 1.164, -35.107
Binary	01010011, 01111100, 10111011

#537cbb
```
#537cbb rgb(83,124,187)
```
#bb9253
```
#bb9253 rgb(187,146,83)
```

Complementary Color

#53b0bb
```
#53b0bb rgb(83,176,187)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#5e53bb
```
#5e53bb rgb(94,83,187)
```

Analogous Color

#b0bb53
```
#b0bb53 rgb(176,187,83)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#bb5e53
```
#bb5e53 rgb(187,94,83)
```

Split Complementary Color

#7cbb53
```
#7cbb53 rgb(124,187,83)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#bb537c
```
#bb537c rgb(187,83,124)
```

Triadic Color

#53bb92
```
#53bb92 rgb(83,187,146)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#bb537c
```
#bb537c rgb(187,83,124)
```
#bb9253
```
#bb9253 rgb(187,146,83)
```

Tetradic Color

#37588b
```
#37588b rgb(55,88,139)
```
#3e639d
```
#3e639d rgb(62,99,157)
```
#456faf
```
#456faf rgb(69,111,175)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#658ac2
```
#658ac2 rgb(101,138,194)
```
#7898c9
```
#7898c9 rgb(120,152,201)
```
#8aa6d1
```
#8aa6d1 rgb(138,166,209)
```

Monochromatic Color

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

#5396bb
```
#5396bb rgb(83,150,187)
```
#538dbb
```
#538dbb rgb(83,141,187)
```
#5385bb
```
#5385bb rgb(83,133,187)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#5373bb
```
#5373bb rgb(83,115,187)
```
#536bbb
```
#536bbb rgb(83,107,187)
```
#5362bb
```
#5362bb rgb(83,98,187)
```

Similar Colors

Text with hexadecimal color #537cbb

This text has a font color of #537cbb.

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

#537cbb background color

This paragraph has a background color of #537cbb.

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

#537cbb border color

This element has a border color of #537cbb.

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

CSS codes

.text {color:#537cbb;}

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

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

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

#04070b
```
#04070b rgb(4,7,11)
```
#0a1019
```
#0a1019 rgb(10,16,25)
```
#0f1927
```
#0f1927 rgb(15,25,39)
```
#152235
```
#152235 rgb(21,34,53)
```
#1a2a43
```
#1a2a43 rgb(26,42,67)
```
#203351
```
#203351 rgb(32,51,81)
```
#263c5f
```
#263c5f rgb(38,60,95)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#314e7b
```
#314e7b rgb(49,78,123)
```
#365789
```
#365789 rgb(54,87,137)
```
#3c6097
```
#3c6097 rgb(60,96,151)
```
#4169a5
```
#4169a5 rgb(65,105,165)
```
#4772b3
```
#4772b3 rgb(71,114,179)
```

Shade Color Variation

#537cbb
```
#537cbb rgb(83,124,187)
```
#6187c1
```
#6187c1 rgb(97,135,193)
```
#6f91c6
```
#6f91c6 rgb(111,145,198)
```
#7d9ccc
```
#7d9ccc rgb(125,156,204)
```
#8ba7d1
```
#8ba7d1 rgb(139,167,209)
```
#99b2d7
```
#99b2d7 rgb(153,178,215)
```
#a7bcdc
```
#a7bcdc rgb(167,188,220)
```
#b5c7e2
```
#b5c7e2 rgb(181,199,226)
```
#c3d2e7
```
#c3d2e7 rgb(195,210,231)
```
#d2dced
```
#d2dced rgb(210,220,237)
```
#e0e7f3
```
#e0e7f3 rgb(224,231,243)
```
#eef2f8
```
#eef2f8 rgb(238,242,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81868d is the less saturated color, while #126efc is the most saturated one.

#81868d
```
#81868d rgb(129,134,141)
```
#788496
```
#788496 rgb(120,132,150)
```
#6f829f
```
#6f829f rgb(111,130,159)
```
#6580a9
```
#6580a9 rgb(101,128,169)
```
#5c7eb2
```
#5c7eb2 rgb(92,126,178)
```
#537cbb
```
#537cbb rgb(83,124,187)
```
#4a7ac4
```
#4a7ac4 rgb(74,122,196)
```
#4178cd
```
#4178cd rgb(65,120,205)
```
#3776d7
```
#3776d7 rgb(55,118,215)
```
#2e74e0
```
#2e74e0 rgb(46,116,224)
```
#2572e9
```
#2572e9 rgb(37,114,233)
```
#1c70f2
```
#1c70f2 rgb(28,112,242)
```
#126efc
```
#126efc rgb(18,110,252)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7fbc Protanopia 1% of men
#6181be Deuteranopia 1% of men
#488b95 Tritanopia 0.001% of the population

Trichromacy

#627ebb Protanomaly 1% of men, 0.01% of women
#5c7fbd Deuteranomaly 6% of men, 0.4% of women
#4c85a3 Tritanomaly 0.01% of the population

#537cbb hex color

#537cbb Color Information

#537cbb Color Conversion

Color Schemes with #537cbb

Alternatives to #537cbb

#537cbb Preview

Shades and Tints of #537cbb

Tones of #537cbb

Color Blindness Simulator