#537cba hex color

In a RGB color space, hex #537cba is composed of 32.5% red, 48.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 33.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 216.1 degrees, a saturation of 42.7% and a lightness of 52.7%. #537cba color hex could be obtained by blending #a6f8ff with #000075. Closest websafe color is: #6666cc.

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

● #537cba color description : Moderate blue.

The hexadecimal color #537cba has RGB values of R:83, G:124, B:186 and CMYK values of C:0.55, M:0.33, Y:0, K:0.27. Its decimal value is 5471418.

Hex triplet	537cba	`#537cba`
RGB Decimal	83, 124, 186	`rgb(83,124,186)`
RGB Percent	32.5, 48.6, 72.9	`rgb(32.5%,48.6%,72.9%)`
CMYK	55, 33, 0, 27
HSL	216.1°, 42.7, 52.7	`hsl(216.1,42.7%,52.7%)`
HSV (or HSB)	216.1°, 55.4, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.609, 4.163, -36.946
XYZ	19.636, 19.798, 49.238
xyY	0.221, 0.223, 19.798
CIE-LCH	51.609, 37.18, 276.429
CIE-LUV	51.609, -19.245, -56.75
Hunter-Lab	44.495, 0.905, -34.463
Binary	01010011, 01111100, 10111010

#537cba
```
#537cba rgb(83,124,186)
```
#ba9153
```
#ba9153 rgb(186,145,83)
```

Complementary Color

#53b0ba
```
#53b0ba rgb(83,176,186)
```
#537cba
```
#537cba rgb(83,124,186)
```
#5e53ba
```
#5e53ba rgb(94,83,186)
```

Analogous Color

#b0ba53
```
#b0ba53 rgb(176,186,83)
```
#537cba
```
#537cba rgb(83,124,186)
```
#ba5e53
```
#ba5e53 rgb(186,94,83)
```

Split Complementary Color

#7cba53
```
#7cba53 rgb(124,186,83)
```
#537cba
```
#537cba rgb(83,124,186)
```
#ba537c
```
#ba537c rgb(186,83,124)
```

Triadic Color

#53ba91
```
#53ba91 rgb(83,186,145)
```
#537cba
```
#537cba rgb(83,124,186)
```
#ba537c
```
#ba537c rgb(186,83,124)
```
#ba9153
```
#ba9153 rgb(186,145,83)
```

Tetradic Color

#375889
```
#375889 rgb(55,88,137)
```
#3e649c
```
#3e649c rgb(62,100,156)
```
#466fae
```
#466fae rgb(70,111,174)
```
#537cba
```
#537cba rgb(83,124,186)
```
#658ac1
```
#658ac1 rgb(101,138,193)
```
#7798c9
```
#7798c9 rgb(119,152,201)
```
#8aa6d0
```
#8aa6d0 rgb(138,166,208)
```

Monochromatic Color

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

#5396ba
```
#5396ba rgb(83,150,186)
```
#538dba
```
#538dba rgb(83,141,186)
```
#5385ba
```
#5385ba rgb(83,133,186)
```
#537cba
```
#537cba rgb(83,124,186)
```
#5373ba
```
#5373ba rgb(83,115,186)
```
#536bba
```
#536bba rgb(83,107,186)
```
#5362ba
```
#5362ba rgb(83,98,186)
```

Similar Colors

Text with hexadecimal color #537cba

This text has a font color of #537cba.

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

#537cba background color

This paragraph has a background color of #537cba.

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

#537cba border color

This element has a border color of #537cba.

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

CSS codes

.text {color:#537cba;}

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

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#0a0f18
```
#0a0f18 rgb(10,15,24)
```
#0f1826
```
#0f1826 rgb(15,24,38)
```
#152134
```
#152134 rgb(21,33,52)
```
#1a2a42
```
#1a2a42 rgb(26,42,66)
```
#203350
```
#203350 rgb(32,51,80)
```
#263c5e
```
#263c5e rgb(38,60,94)
```
#2b456c
```
#2b456c rgb(43,69,108)
```
#314e7a
```
#314e7a rgb(49,78,122)
```
#375788
```
#375788 rgb(55,87,136)
```
#3c6096
```
#3c6096 rgb(60,96,150)
```
#4269a4
```
#4269a4 rgb(66,105,164)
```
#4772b2
```
#4772b2 rgb(71,114,178)
```

Shade Color Variation

#537cba
```
#537cba rgb(83,124,186)
```
#6187c0
```
#6187c0 rgb(97,135,192)
```
#6f91c5
```
#6f91c5 rgb(111,145,197)
```
#7d9ccb
```
#7d9ccb rgb(125,156,203)
```
#8ba7d0
```
#8ba7d0 rgb(139,167,208)
```
#99b1d6
```
#99b1d6 rgb(153,177,214)
```
#a7bcdc
```
#a7bcdc rgb(167,188,220)
```
#b5c7e1
```
#b5c7e1 rgb(181,199,225)
```
#c3d1e7
```
#c3d1e7 rgb(195,209,231)
```
#d1dced
```
#d1dced rgb(209,220,237)
```
#dfe7f2
```
#dfe7f2 rgb(223,231,242)
```
#edf1f8
```
#edf1f8 rgb(237,241,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#81858c
```
#81858c rgb(129,133,140)
```
#788495
```
#788495 rgb(120,132,149)
```
#6f829e
```
#6f829e rgb(111,130,158)
```
#6680a7
```
#6680a7 rgb(102,128,167)
```
#5c7eb1
```
#5c7eb1 rgb(92,126,177)
```
#537cba
```
#537cba rgb(83,124,186)
```
#4a7ac3
```
#4a7ac3 rgb(74,122,195)
```
#4078cd
```
#4078cd rgb(64,120,205)
```
#3776d6
```
#3776d6 rgb(55,118,214)
```
#2e74df
```
#2e74df rgb(46,116,223)
```
#2573e8
```
#2573e8 rgb(37,115,232)
```
#1b71f2
```
#1b71f2 rgb(27,113,242)
```
#126ffb
```
#126ffb rgb(18,111,251)
```

Tone Color Variation

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

Dichromacy

#6b7fbb Protanopia 1% of men
#6281be Deuteranopia 1% of men
#488b95 Tritanopia 0.001% of the population

Trichromacy

#627eba Protanomaly 1% of men, 0.01% of women
#5c7fbc Deuteranomaly 6% of men, 0.4% of women
#4c85a2 Tritanomaly 0.01% of the population

#537cba hex color

#537cba Color Information

#537cba Color Conversion

Color Schemes with #537cba

Alternatives to #537cba

#537cba Preview

Shades and Tints of #537cba

Tones of #537cba

Color Blindness Simulator