#5150ea hex color

In a RGB color space, hex #5150ea is composed of 31.8% red, 31.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 65.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 240.4 degrees, a saturation of 78.6% and a lightness of 61.6%. #5150ea color hex could be obtained by blending #a2a0ff with #0000d5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 31
- B 92
RGB color chart
- C 65
- M 66
- Y 0
- K 8
CMYK color chart

● #5150ea color description : Soft blue.

The hexadecimal color #5150ea has RGB values of R:81, G:80, B:234 and CMYK values of C:0.65, M:0.66, Y:0, K:0.08. Its decimal value is 5329130.

Hex triplet	5150ea	`#5150ea`
RGB Decimal	81, 80, 234	`rgb(81,80,234)`
RGB Percent	31.8, 31.4, 91.8	`rgb(31.8%,31.4%,91.8%)`
CMYK	65, 66, 0, 8
HSL	240.4°, 78.6, 61.6	`hsl(240.4,78.6%,61.6%)`
HSV (or HSB)	240.4°, 65.8, 91.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	43.398, 46.772, -77.544
XYZ	21.11, 13.426, 79.316
xyY	0.185, 0.118, 13.426
CIE-LCH	43.398, 90.558, 301.097
CIE-LUV	43.398, -8.153, -116.17
Hunter-Lab	36.642, 38.716, -102.693
Binary	01010001, 01010000, 11101010

#5150ea
```
#5150ea rgb(81,80,234)
```
#e9ea50
```
#e9ea50 rgb(233,234,80)
```

Complementary Color

#509cea
```
#509cea rgb(80,156,234)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#9e50ea
```
#9e50ea rgb(158,80,234)
```

Analogous Color

#9cea50
```
#9cea50 rgb(156,234,80)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#ea9e50
```
#ea9e50 rgb(234,158,80)
```

Split Complementary Color

#50ea51
```
#50ea51 rgb(80,234,81)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#ea5150
```
#ea5150 rgb(234,81,80)
```

Triadic Color

#50e9ea
```
#50e9ea rgb(80,233,234)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#ea5150
```
#ea5150 rgb(234,81,80)
```
#e9ea50
```
#e9ea50 rgb(233,234,80)
```

Tetradic Color

#1b19d4
```
#1b19d4 rgb(27,25,212)
```
#2422e5
```
#2422e5 rgb(36,34,229)
```
#3a39e7
```
#3a39e7 rgb(58,57,231)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#6867ed
```
#6867ed rgb(104,103,237)
```
#7e7eef
```
#7e7eef rgb(126,126,239)
```
#9594f2
```
#9594f2 rgb(149,148,242)
```

Monochromatic Color

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

#5076ea
```
#5076ea rgb(80,118,234)
```
#5069ea
```
#5069ea rgb(80,105,234)
```
#505cea
```
#505cea rgb(80,92,234)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#5e50ea
```
#5e50ea rgb(94,80,234)
```
#6b50ea
```
#6b50ea rgb(107,80,234)
```
#7850ea
```
#7850ea rgb(120,80,234)
```

Similar Colors

Text with hexadecimal color #5150ea

This text has a font color of #5150ea.

<span style="color:#5150ea;">Text here</span>

#5150ea background color

This paragraph has a background color of #5150ea.

<p style="background-color:#5150ea;">Content here</p>

#5150ea border color

This element has a border color of #5150ea.

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

CSS codes

.text {color:#5150ea;}

.background {background-color:#5150ea;}

.border {border:1px solid #5150ea;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020212
```
#020212 rgb(2,2,18)
```
#040423
```
#040423 rgb(4,4,35)
```
#070635
```
#070635 rgb(7,6,53)
```
#090846
```
#090846 rgb(9,8,70)
```
#0b0b58
```
#0b0b58 rgb(11,11,88)
```
#0d0d69
```
#0d0d69 rgb(13,13,105)
```
#0f0f7b
```
#0f0f7b rgb(15,15,123)
```
#12118c
```
#12118c rgb(18,17,140)
```
#14139e
```
#14139e rgb(20,19,158)
```
#1615af
```
#1615af rgb(22,21,175)
```
#1817c1
```
#1817c1 rgb(24,23,193)
```
#1a19d2
```
#1a19d2 rgb(26,25,210)
```

Shade Color Variation

#1d1be4
```
#1d1be4 rgb(29,27,228)
```
#2e2de6
```
#2e2de6 rgb(46,45,230)
```
#403ee8
```
#403ee8 rgb(64,62,232)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#6262ec
```
#6262ec rgb(98,98,236)
```
#7473ee
```
#7473ee rgb(116,115,238)
```
#8585f0
```
#8585f0 rgb(133,133,240)
```
#9796f2
```
#9796f2 rgb(151,150,242)
```
#a8a8f5
```
#a8a8f5 rgb(168,168,245)
```
#b9b9f7
```
#b9b9f7 rgb(185,185,247)
```
#cbcbf9
```
#cbcbf9 rgb(203,203,249)
```
#dcdcfb
```
#dcdcfb rgb(220,220,251)
```
#eeeefd
```
#eeeefd rgb(238,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9b9f is the less saturated color, while #4241f9 is the most saturated one.

#9b9b9f
```
#9b9b9f rgb(155,155,159)
```
#9494a6
```
#9494a6 rgb(148,148,166)
```
#8d8cae
```
#8d8cae rgb(141,140,174)
```
#8585b5
```
#8585b5 rgb(133,133,181)
```
#7e7dbd
```
#7e7dbd rgb(126,125,189)
```
#7676c4
```
#7676c4 rgb(118,118,196)
```
#6f6ecc
```
#6f6ecc rgb(111,110,204)
```
#6767d3
```
#6767d3 rgb(103,103,211)
```
#605fdb
```
#605fdb rgb(96,95,219)
```
#5858e2
```
#5858e2 rgb(88,88,226)
```
#5150ea
```
#5150ea rgb(81,80,234)
```
#4a48f2
```
#4a48f2 rgb(74,72,242)
```
#4241f9
```
#4241f9 rgb(66,65,249)
```

Tone Color Variation

Below, you can see how #5150ea 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

#626262 Achromatopsia 0.005% of the population
#5f5e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d61da Protanomaly 1% of men, 0.01% of women
#1d65c9 Deuteranomaly 6% of men, 0.4% of women
#1d6aa7 Tritanomaly 0.01% of the population

#5150ea hex color

#5150ea Color Information

#5150ea Color Conversion

Color Schemes with #5150ea

Alternatives to #5150ea

#5150ea Preview

Shades and Tints of #5150ea

Tones of #5150ea

Color Blindness Simulator