#5150da hex color

In a RGB color space, hex #5150da is composed of 31.8% red, 31.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 63.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 240.4 degrees, a saturation of 65.1% and a lightness of 58.4%. #5150da color hex could be obtained by blending #a2a0ff with #0000b5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 31
- B 85
RGB color chart
- C 63
- M 63
- Y 0
- K 15
CMYK color chart

● #5150da color description : Soft blue.

The hexadecimal color #5150da has RGB values of R:81, G:80, B:218 and CMYK values of C:0.63, M:0.63, Y:0, K:0.15. Its decimal value is 5329114.

Hex triplet	5150da	`#5150da`
RGB Decimal	81, 80, 218	`rgb(81,80,218)`
RGB Percent	31.8, 31.4, 85.5	`rgb(31.8%,31.4%,85.5%)`
CMYK	63, 63, 0, 15
HSL	240.4°, 65.1, 58.4	`hsl(240.4,65.1%,58.4%)`
HSV (or HSB)	240.4°, 63.3, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.074, 41.596, -70.618
XYZ	18.914, 12.548, 67.751
xyY	0.191, 0.126, 12.548
CIE-LCH	42.074, 81.958, 300.499
CIE-LUV	42.074, -7.374, -105.648
Hunter-Lab	35.423, 33.322, -88.605
Binary	01010001, 01010000, 11011010

#5150da
```
#5150da rgb(81,80,218)
```
#d9da50
```
#d9da50 rgb(217,218,80)
```

Complementary Color

#5094da
```
#5094da rgb(80,148,218)
```
#5150da
```
#5150da rgb(81,80,218)
```
#9650da
```
#9650da rgb(150,80,218)
```

Analogous Color

#94da50
```
#94da50 rgb(148,218,80)
```
#5150da
```
#5150da rgb(81,80,218)
```
#da9650
```
#da9650 rgb(218,150,80)
```

Split Complementary Color

#50da51
```
#50da51 rgb(80,218,81)
```
#5150da
```
#5150da rgb(81,80,218)
```
#da5150
```
#da5150 rgb(218,81,80)
```

Triadic Color

#50d9da
```
#50d9da rgb(80,217,218)
```
#5150da
```
#5150da rgb(81,80,218)
```
#da5150
```
#da5150 rgb(218,81,80)
```
#d9da50
```
#d9da50 rgb(217,218,80)
```

Tetradic Color

#2827b7
```
#2827b7 rgb(40,39,183)
```
#2c2bcc
```
#2c2bcc rgb(44,43,204)
```
#3c3bd6
```
#3c3bd6 rgb(60,59,214)
```
#5150da
```
#5150da rgb(81,80,218)
```
#6665de
```
#6665de rgb(102,101,222)
```
#7b7ae3
```
#7b7ae3 rgb(123,122,227)
```
#908fe7
```
#908fe7 rgb(144,143,231)
```

Monochromatic Color

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

#5072da
```
#5072da rgb(80,114,218)
```
#5066da
```
#5066da rgb(80,102,218)
```
#505bda
```
#505bda rgb(80,91,218)
```
#5150da
```
#5150da rgb(81,80,218)
```
#5c50da
```
#5c50da rgb(92,80,218)
```
#6850da
```
#6850da rgb(104,80,218)
```
#7450da
```
#7450da rgb(116,80,218)
```

Similar Colors

Text with hexadecimal color #5150da

This text has a font color of #5150da.

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

#5150da background color

This paragraph has a background color of #5150da.

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

#5150da border color

This element has a border color of #5150da.

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

CSS codes

.text {color:#5150da;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040413
```
#040413 rgb(4,4,19)
```
#080823
```
#080823 rgb(8,8,35)
```
#0b0b34
```
#0b0b34 rgb(11,11,52)
```
#0f0e44
```
#0f0e44 rgb(15,14,68)
```
#121254
```
#121254 rgb(18,18,84)
```
#161564
```
#161564 rgb(22,21,100)
```
#191974
```
#191974 rgb(25,25,116)
```
#1d1c85
```
#1d1c85 rgb(29,28,133)
```
#201f95
```
#201f95 rgb(32,31,149)
```
#2423a5
```
#2423a5 rgb(36,35,165)
```
#2726b5
```
#2726b5 rgb(39,38,181)
```
#2b2ac5
```
#2b2ac5 rgb(43,42,197)
```

Shade Color Variation

#3130d3
```
#3130d3 rgb(49,48,211)
```
#4140d7
```
#4140d7 rgb(65,64,215)
```
#5150da
```
#5150da rgb(81,80,218)
```
#6160dd
```
#6160dd rgb(97,96,221)
```
#7170e1
```
#7170e1 rgb(113,112,225)
```
#8181e4
```
#8181e4 rgb(129,129,228)
```
#9191e8
```
#9191e8 rgb(145,145,232)
```
#a1a1eb
```
#a1a1eb rgb(161,161,235)
```
#b2b1ef
```
#b2b1ef rgb(178,177,239)
```
#c2c1f2
```
#c2c1f2 rgb(194,193,242)
```
#d2d2f5
```
#d2d2f5 rgb(210,210,245)
```
#e2e2f9
```
#e2e2f9 rgb(226,226,249)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#919199
```
#919199 rgb(145,145,153)
```
#8989a1
```
#8989a1 rgb(137,137,161)
```
#8181a9
```
#8181a9 rgb(129,129,169)
```
#7979b1
```
#7979b1 rgb(121,121,177)
```
#7171b9
```
#7171b9 rgb(113,113,185)
```
#6968c2
```
#6968c2 rgb(105,104,194)
```
#6160ca
```
#6160ca rgb(97,96,202)
```
#5958d2
```
#5958d2 rgb(89,88,210)
```
#5150da
```
#5150da rgb(81,80,218)
```
#4948e2
```
#4948e2 rgb(73,72,226)
```
#4140ea
```
#4140ea rgb(65,64,234)
```
#3938f2
```
#3938f2 rgb(57,56,242)
```
#312ffb
```
#312ffb rgb(49,47,251)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d5d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#1d5fd0 Protanomaly 1% of men, 0.01% of women
#1d63c0 Deuteranomaly 6% of men, 0.4% of women
#1d689f Tritanomaly 0.01% of the population

#5150da hex color

#5150da Color Information

#5150da Color Conversion

Color Schemes with #5150da

Alternatives to #5150da

#5150da Preview

Shades and Tints of #5150da

Tones of #5150da

Color Blindness Simulator