#5053e4 hex color

In a RGB color space, hex #5053e4 is composed of 31.4% red, 32.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 63.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 238.8 degrees, a saturation of 73.3% and a lightness of 60.4%. #5053e4 color hex could be obtained by blending #a0a6ff with #0000c9. Closest websafe color is: #6666cc.

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

● #5053e4 color description : Soft blue.

The hexadecimal color #5053e4 has RGB values of R:80, G:83, B:228 and CMYK values of C:0.65, M:0.64, Y:0, K:0.11. Its decimal value is 5264356.

Hex triplet	5053e4	`#5053e4`
RGB Decimal	80, 83, 228	`rgb(80,83,228)`
RGB Percent	31.4, 32.5, 89.4	`rgb(31.4%,32.5%,89.4%)`
CMYK	65, 64, 0, 11
HSL	238.8°, 73.3, 60.4	`hsl(238.8,73.3%,60.4%)`
HSV (or HSB)	238.8°, 64.9, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.496, 42.928, -73.99
XYZ	20.402, 13.492, 74.924
xyY	0.187, 0.124, 13.492
CIE-LCH	43.496, 85.542, 300.122
CIE-LUV	43.496, -8.763, -111.403
Hunter-Lab	36.732, 34.865, -95.224
Binary	01010000, 01010011, 11100100

#5053e4
```
#5053e4 rgb(80,83,228)
```
#e4e150
```
#e4e150 rgb(228,225,80)
```

Complementary Color

#509de4
```
#509de4 rgb(80,157,228)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#9750e4
```
#9750e4 rgb(151,80,228)
```

Analogous Color

#9de450
```
#9de450 rgb(157,228,80)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#e49750
```
#e49750 rgb(228,151,80)
```

Split Complementary Color

#53e450
```
#53e450 rgb(83,228,80)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#e45053
```
#e45053 rgb(228,80,83)
```

Triadic Color

#50e4e1
```
#50e4e1 rgb(80,228,225)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#e45053
```
#e45053 rgb(228,80,83)
```
#e4e150
```
#e4e150 rgb(228,225,80)
```

Tetradic Color

#1f22c9
```
#1f22c9 rgb(31,34,201)
```
#2428dd
```
#2428dd rgb(36,40,221)
```
#3a3de1
```
#3a3de1 rgb(58,61,225)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#6669e7
```
#6669e7 rgb(102,105,231)
```
#7c7eeb
```
#7c7eeb rgb(124,126,235)
```
#9294ee
```
#9294ee rgb(146,148,238)
```

Monochromatic Color

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

#5078e4
```
#5078e4 rgb(80,120,228)
```
#506ce4
```
#506ce4 rgb(80,108,228)
```
#505fe4
```
#505fe4 rgb(80,95,228)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#5950e4
```
#5950e4 rgb(89,80,228)
```
#6650e4
```
#6650e4 rgb(102,80,228)
```
#7250e4
```
#7250e4 rgb(114,80,228)
```

Similar Colors

Text with hexadecimal color #5053e4

This text has a font color of #5053e4.

<span style="color:#5053e4;">Text here</span>

#5053e4 background color

This paragraph has a background color of #5053e4.

<p style="background-color:#5053e4;">Content here</p>

#5053e4 border color

This element has a border color of #5053e4.

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

CSS codes

.text {color:#5053e4;}

.background {background-color:#5053e4;}

.border {border:1px solid #5053e4;}

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, #02020c is the darkest color, while #fafafe is the lightest one.

#02020c
```
#02020c rgb(2,2,12)
```
#04051d
```
#04051d rgb(4,5,29)
```
#07082e
```
#07082e rgb(7,8,46)
```
#0a0b3f
```
#0a0b3f rgb(10,11,63)
```
#0c0e50
```
#0c0e50 rgb(12,14,80)
```
#0f1161
```
#0f1161 rgb(15,17,97)
```
#121472
```
#121472 rgb(18,20,114)
```
#141683
```
#141683 rgb(20,22,131)
```
#171994
```
#171994 rgb(23,25,148)
```
#191ca5
```
#191ca5 rgb(25,28,165)
```
#1c1fb6
```
#1c1fb6 rgb(28,31,182)
```
#1f22c7
```
#1f22c7 rgb(31,34,199)
```
#2125d8
```
#2125d8 rgb(33,37,216)
```

Shade Color Variation

#2e32df
```
#2e32df rgb(46,50,223)
```
#3f42e1
```
#3f42e1 rgb(63,66,225)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#6164e7
```
#6164e7 rgb(97,100,231)
```
#7274e9
```
#7274e9 rgb(114,116,233)
```
#8385ec
```
#8385ec rgb(131,133,236)
```
#9496ee
```
#9496ee rgb(148,150,238)
```
#a5a7f1
```
#a5a7f1 rgb(165,167,241)
```
#b6b7f4
```
#b6b7f4 rgb(182,183,244)
```
#c7c8f6
```
#c7c8f6 rgb(199,200,246)
```
#d8d9f9
```
#d8d9f9 rgb(216,217,249)
```
#e9e9fc
```
#e9e9fc rgb(233,233,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96969e is the less saturated color, while #393dfb is the most saturated one.

#96969e
```
#96969e rgb(150,150,158)
```
#8e8fa6
```
#8e8fa6 rgb(142,143,166)
```
#8687ae
```
#8687ae rgb(134,135,174)
```
#7f80b5
```
#7f80b5 rgb(127,128,181)
```
#7778bd
```
#7778bd rgb(119,120,189)
```
#6f71c5
```
#6f71c5 rgb(111,113,197)
```
#6769cd
```
#6769cd rgb(103,105,205)
```
#6062d4
```
#6062d4 rgb(96,98,212)
```
#585adc
```
#585adc rgb(88,90,220)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#484cec
```
#484cec rgb(72,76,236)
```
#4044f4
```
#4044f4 rgb(64,68,244)
```
#393dfb
```
#393dfb rgb(57,61,251)
```

Tone Color Variation

Below, you can see how #5053e4 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

#636363 Achromatopsia 0.005% of the population
#5f607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1d62d8 Protanomaly 1% of men, 0.01% of women
#1d66c7 Deuteranomaly 6% of men, 0.4% of women
#1d6ba5 Tritanomaly 0.01% of the population

#5053e4 hex color

#5053e4 Color Information

#5053e4 Color Conversion

Color Schemes with #5053e4

Alternatives to #5053e4

#5053e4 Preview

Shades and Tints of #5053e4

Tones of #5053e4

Color Blindness Simulator