#537ce4 hex color

In a RGB color space, hex #537ce4 is composed of 32.5% red, 48.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 45.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 223 degrees, a saturation of 72.9% and a lightness of 61%. #537ce4 color hex could be obtained by blending #a6f8ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 49
- B 89
RGB color chart
- C 64
- M 46
- Y 0
- K 11
CMYK color chart

● #537ce4 color description : Soft blue.

The hexadecimal color #537ce4 has RGB values of R:83, G:124, B:228 and CMYK values of C:0.64, M:0.46, Y:0, K:0.11. Its decimal value is 5471460.

Hex triplet	537ce4	`#537ce4`
RGB Decimal	83, 124, 228	`rgb(83,124,228)`
RGB Percent	32.5, 48.6, 89.4	`rgb(32.5%,48.6%,89.4%)`
CMYK	64, 46, 0, 11
HSL	223°, 72.9, 61	`hsl(223,72.9%,61%)`
HSV (or HSB)	223°, 63.6, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.872, 18.225, -57.181
XYZ	24.776, 21.854, 76.307
xyY	0.202, 0.178, 21.854
CIE-LCH	53.872, 60.015, 287.678
CIE-LUV	53.872, -19.202, -91.114
Hunter-Lab	46.749, 12.79, -64.055
Binary	01010011, 01111100, 11100100

#537ce4
```
#537ce4 rgb(83,124,228)
```
#e4bb53
```
#e4bb53 rgb(228,187,83)
```

Complementary Color

#53c5e4
```
#53c5e4 rgb(83,197,228)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#7353e4
```
#7353e4 rgb(115,83,228)
```

Analogous Color

#c5e453
```
#c5e453 rgb(197,228,83)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#e47353
```
#e47353 rgb(228,115,83)
```

Split Complementary Color

#7ce453
```
#7ce453 rgb(124,228,83)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#e4537c
```
#e4537c rgb(228,83,124)
```

Triadic Color

#53e4bb
```
#53e4bb rgb(83,228,187)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#e4537c
```
#e4537c rgb(228,83,124)
```
#e4bb53
```
#e4bb53 rgb(228,187,83)
```

Tetradic Color

#2050cb
```
#2050cb rgb(32,80,203)
```
#275add
```
#275add rgb(39,90,221)
```
#3d6be1
```
#3d6be1 rgb(61,107,225)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#698de7
```
#698de7 rgb(105,141,231)
```
#7f9eeb
```
#7f9eeb rgb(127,158,235)
```
#95aeee
```
#95aeee rgb(149,174,238)
```

Monochromatic Color

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

#53a0e4
```
#53a0e4 rgb(83,160,228)
```
#5394e4
```
#5394e4 rgb(83,148,228)
```
#5388e4
```
#5388e4 rgb(83,136,228)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#5370e4
```
#5370e4 rgb(83,112,228)
```
#5364e4
```
#5364e4 rgb(83,100,228)
```
#5358e4
```
#5358e4 rgb(83,88,228)
```

Similar Colors

Text with hexadecimal color #537ce4

This text has a font color of #537ce4.

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

#537ce4 background color

This paragraph has a background color of #537ce4.

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

#537ce4 border color

This element has a border color of #537ce4.

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

CSS codes

.text {color:#537ce4;}

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

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

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, #02060e is the darkest color, while #fdfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#050c1f
```
#050c1f rgb(5,12,31)
```
#081330
```
#081330 rgb(8,19,48)
```
#0a1a41
```
#0a1a41 rgb(10,26,65)
```
#0d2152
```
#0d2152 rgb(13,33,82)
```
#102763
```
#102763 rgb(16,39,99)
```
#122e74
```
#122e74 rgb(18,46,116)
```
#153585
```
#153585 rgb(21,53,133)
```
#183b96
```
#183b96 rgb(24,59,150)
```
#1a42a7
```
#1a42a7 rgb(26,66,167)
```
#1d49b8
```
#1d49b8 rgb(29,73,184)
```
#204fc9
```
#204fc9 rgb(32,79,201)
```
#2256da
```
#2256da rgb(34,86,218)
```

Shade Color Variation

#3162df
```
#3162df rgb(49,98,223)
```
#426fe1
```
#426fe1 rgb(66,111,225)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#6489e7
```
#6489e7 rgb(100,137,231)
```
#7596e9
```
#7596e9 rgb(117,150,233)
```
#86a3ec
```
#86a3ec rgb(134,163,236)
```
#97b0ef
```
#97b0ef rgb(151,176,239)
```
#a8bdf1
```
#a8bdf1 rgb(168,189,241)
```
#b9c9f4
```
#b9c9f4 rgb(185,201,244)
```
#cad6f7
```
#cad6f7 rgb(202,214,247)
```
#dbe3f9
```
#dbe3f9 rgb(219,227,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989a9f is the less saturated color, while #3c72fb is the most saturated one.

#989a9f
```
#989a9f rgb(152,154,159)
```
#9097a7
```
#9097a7 rgb(144,151,167)
```
#8993ae
```
#8993ae rgb(137,147,174)
```
#8190b6
```
#8190b6 rgb(129,144,182)
```
#798dbe
```
#798dbe rgb(121,141,190)
```
#7289c5
```
#7289c5 rgb(114,137,197)
```
#6a86cd
```
#6a86cd rgb(106,134,205)
```
#6283d5
```
#6283d5 rgb(98,131,213)
```
#5b7fdc
```
#5b7fdc rgb(91,127,220)
```
#537ce4
```
#537ce4 rgb(83,124,228)
```
#4b79ec
```
#4b79ec rgb(75,121,236)
```
#4475f3
```
#4475f3 rgb(68,117,243)
```
#3c72fb
```
#3c72fb rgb(60,114,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5284e6 Protanopia 1% of men
#2789e2 Deuteranopia 1% of men
#1f949e Tritanopia 0.001% of the population

Trichromacy

#5281e5 Protanomaly 1% of men, 0.01% of women
#3784e3 Deuteranomaly 6% of men, 0.4% of women
#328bb8 Tritanomaly 0.01% of the population

#537ce4 hex color

#537ce4 Color Information

#537ce4 Color Conversion

Color Schemes with #537ce4

Alternatives to #537ce4

#537ce4 Preview

Shades and Tints of #537ce4

Tones of #537ce4

Color Blindness Simulator