#5150d9 hex color

In a RGB color space, hex #5150d9 is composed of 31.8% red, 31.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 63.1% magenta, 0% yellow and 14.9% black. It has a hue angle of 240.4 degrees, a saturation of 64.3% and a lightness of 58.2%. #5150d9 color hex could be obtained by blending #a2a0ff with #0000b3. 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

● #5150d9 color description : Soft blue.

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

Hex triplet	5150d9	`#5150d9`
RGB Decimal	81, 80, 217	`rgb(81,80,217)`
RGB Percent	31.8, 31.4, 85.1	`rgb(31.8%,31.4%,85.1%)`
CMYK	63, 63, 0, 15
HSL	240.4°, 64.3, 58.2	`hsl(240.4,64.3%,58.2%)`
HSV (or HSB)	240.4°, 63.1, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.993, 41.271, -70.178
XYZ	18.784, 12.496, 67.064
xyY	0.191, 0.127, 12.496
CIE-LCH	41.993, 81.414, 300.459
CIE-LUV	41.993, -7.324, -104.978
Hunter-Lab	35.349, 32.991, -87.74
Binary	01010001, 01010000, 11011001

#5150d9
```
#5150d9 rgb(81,80,217)
```
#d8d950
```
#d8d950 rgb(216,217,80)
```

Complementary Color

#5094d9
```
#5094d9 rgb(80,148,217)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#9650d9
```
#9650d9 rgb(150,80,217)
```

Analogous Color

#94d950
```
#94d950 rgb(148,217,80)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#d99650
```
#d99650 rgb(217,150,80)
```

Split Complementary Color

#50d951
```
#50d951 rgb(80,217,81)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#d95150
```
#d95150 rgb(217,81,80)
```

Triadic Color

#50d8d9
```
#50d8d9 rgb(80,216,217)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#d95150
```
#d95150 rgb(217,81,80)
```
#d8d950
```
#d8d950 rgb(216,217,80)
```

Tetradic Color

#2827b5
```
#2827b5 rgb(40,39,181)
```
#2d2cca
```
#2d2cca rgb(45,44,202)
```
#3c3bd4
```
#3c3bd4 rgb(60,59,212)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#6665de
```
#6665de rgb(102,101,222)
```
#7b7ae2
```
#7b7ae2 rgb(123,122,226)
```
#8f8fe7
```
#8f8fe7 rgb(143,143,231)
```

Monochromatic Color

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

#5071d9
```
#5071d9 rgb(80,113,217)
```
#5066d9
```
#5066d9 rgb(80,102,217)
```
#505ad9
```
#505ad9 rgb(80,90,217)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#5c50d9
```
#5c50d9 rgb(92,80,217)
```
#6850d9
```
#6850d9 rgb(104,80,217)
```
#7350d9
```
#7350d9 rgb(115,80,217)
```

Similar Colors

Text with hexadecimal color #5150d9

This text has a font color of #5150d9.

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

#5150d9 background color

This paragraph has a background color of #5150d9.

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

#5150d9 border color

This element has a border color of #5150d9.

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

CSS codes

.text {color:#5150d9;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#040412
```
#040412 rgb(4,4,18)
```
#080723
```
#080723 rgb(8,7,35)
```
#0b0b33
```
#0b0b33 rgb(11,11,51)
```
#0f0e43
```
#0f0e43 rgb(15,14,67)
```
#121253
```
#121253 rgb(18,18,83)
```
#161563
```
#161563 rgb(22,21,99)
```
#1a1973
```
#1a1973 rgb(26,25,115)
```
#1d1c83
```
#1d1c83 rgb(29,28,131)
```
#212093
```
#212093 rgb(33,32,147)
```
#2423a3
```
#2423a3 rgb(36,35,163)
```
#2827b4
```
#2827b4 rgb(40,39,180)
```
#2c2ac4
```
#2c2ac4 rgb(44,42,196)
```

Shade Color Variation

#3130d2
```
#3130d2 rgb(49,48,210)
```
#4140d6
```
#4140d6 rgb(65,64,214)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#6160dc
```
#6160dc rgb(97,96,220)
```
#7170e0
```
#7170e0 rgb(113,112,224)
```
#8180e3
```
#8180e3 rgb(129,128,227)
```
#9190e7
```
#9190e7 rgb(145,144,231)
```
#a1a1ea
```
#a1a1ea rgb(161,161,234)
```
#b1b1ee
```
#b1b1ee rgb(177,177,238)
```
#c1c1f1
```
#c1c1f1 rgb(193,193,241)
```
#d1d1f5
```
#d1d1f5 rgb(209,209,245)
```
#e1e1f8
```
#e1e1f8 rgb(225,225,248)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#929297
```
#929297 rgb(146,146,151)
```
#8a89a0
```
#8a89a0 rgb(138,137,160)
```
#8181a8
```
#8181a8 rgb(129,129,168)
```
#7979b0
```
#7979b0 rgb(121,121,176)
```
#7171b8
```
#7171b8 rgb(113,113,184)
```
#6969c0
```
#6969c0 rgb(105,105,192)
```
#6160c9
```
#6160c9 rgb(97,96,201)
```
#5958d1
```
#5958d1 rgb(89,88,209)
```
#5150d9
```
#5150d9 rgb(81,80,217)
```
#4948e1
```
#4948e1 rgb(73,72,225)
```
#4140e9
```
#4140e9 rgb(65,64,233)
```
#3937f2
```
#3937f2 rgb(57,55,242)
```
#312ffa
```
#312ffa rgb(49,47,250)
```

Tone Color Variation

Below, you can see how #5150d9 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
#00757d Tritanopia 0.001% of the population

Trichromacy

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

#5150d9 hex color

#5150d9 Color Information

#5150d9 Color Conversion

Color Schemes with #5150d9

Alternatives to #5150d9

#5150d9 Preview

Shades and Tints of #5150d9

Tones of #5150d9

Color Blindness Simulator