#5150d0 hex color

In a RGB color space, hex #5150d0 is composed of 31.8% red, 31.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 61.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 240.5 degrees, a saturation of 57.7% and a lightness of 56.5%. #5150d0 color hex could be obtained by blending #a2a0ff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 31
- B 82
RGB color chart
- C 61
- M 62
- Y 0
- K 18
CMYK color chart

● #5150d0 color description : Moderate blue.

The hexadecimal color #5150d0 has RGB values of R:81, G:80, B:208 and CMYK values of C:0.61, M:0.62, Y:0, K:0.18. Its decimal value is 5329104.

Hex triplet	5150d0	`#5150d0`
RGB Decimal	81, 80, 208	`rgb(81,80,208)`
RGB Percent	31.8, 31.4, 81.6	`rgb(31.8%,31.4%,81.6%)`
CMYK	61, 62, 0, 18
HSL	240.5°, 57.7, 56.5	`hsl(240.5,57.7%,56.5%)`
HSV (or HSB)	240.5°, 61.5, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.28, 38.337, -66.175
XYZ	17.645, 12.04, 61.065
xyY	0.194, 0.133, 12.04
CIE-LCH	41.28, 76.478, 300.085
CIE-LUV	41.28, -6.871, -98.878
Hunter-Lab	34.699, 30.048, -80.054
Binary	01010001, 01010000, 11010000

#5150d0
```
#5150d0 rgb(81,80,208)
```
#cfd050
```
#cfd050 rgb(207,208,80)
```

Complementary Color

#508fd0
```
#508fd0 rgb(80,143,208)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#9150d0
```
#9150d0 rgb(145,80,208)
```

Analogous Color

#8fd050
```
#8fd050 rgb(143,208,80)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#d09150
```
#d09150 rgb(208,145,80)
```

Split Complementary Color

#50d051
```
#50d051 rgb(80,208,81)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#d05150
```
#d05150 rgb(208,81,80)
```

Triadic Color

#50cfd0
```
#50cfd0 rgb(80,207,208)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#d05150
```
#d05150 rgb(208,81,80)
```
#cfd050
```
#cfd050 rgb(207,208,80)
```

Tetradic Color

#2e2da7
```
#2e2da7 rgb(46,45,167)
```
#3332bb
```
#3332bb rgb(51,50,187)
```
#3d3ccb
```
#3d3ccb rgb(61,60,203)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#6564d5
```
#6564d5 rgb(101,100,213)
```
#7978db
```
#7978db rgb(121,120,219)
```
#8d8ce0
```
#8d8ce0 rgb(141,140,224)
```

Monochromatic Color

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

#506fd0
```
#506fd0 rgb(80,111,208)
```
#5064d0
```
#5064d0 rgb(80,100,208)
```
#505ad0
```
#505ad0 rgb(80,90,208)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#5c50d0
```
#5c50d0 rgb(92,80,208)
```
#6650d0
```
#6650d0 rgb(102,80,208)
```
#7150d0
```
#7150d0 rgb(113,80,208)
```

Similar Colors

Text with hexadecimal color #5150d0

This text has a font color of #5150d0.

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

#5150d0 background color

This paragraph has a background color of #5150d0.

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

#5150d0 border color

This element has a border color of #5150d0.

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

CSS codes

.text {color:#5150d0;}

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

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

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

#03030b
```
#03030b rgb(3,3,11)
```
#07071a
```
#07071a rgb(7,7,26)
```
#0b0b29
```
#0b0b29 rgb(11,11,41)
```
#100f39
```
#100f39 rgb(16,15,57)
```
#141348
```
#141348 rgb(20,19,72)
```
#181858
```
#181858 rgb(24,24,88)
```
#1c1c67
```
#1c1c67 rgb(28,28,103)
```
#212077
```
#212077 rgb(33,32,119)
```
#252486
```
#252486 rgb(37,36,134)
```
#292896
```
#292896 rgb(41,40,150)
```
#2d2ca5
```
#2d2ca5 rgb(45,44,165)
```
#3231b5
```
#3231b5 rgb(50,49,181)
```
#3635c4
```
#3635c4 rgb(54,53,196)
```

Shade Color Variation

#4241cc
```
#4241cc rgb(66,65,204)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#605fd4
```
#605fd4 rgb(96,95,212)
```
#706fd8
```
#706fd8 rgb(112,111,216)
```
#7f7edc
```
#7f7edc rgb(127,126,220)
```
#8e8ee1
```
#8e8ee1 rgb(142,142,225)
```
#9e9de5
```
#9e9de5 rgb(158,157,229)
```
#adade9
```
#adade9 rgb(173,173,233)
```
#bdbced
```
#bdbced rgb(189,188,237)
```
#ccccf1
```
#ccccf1 rgb(204,204,241)
```
#dbdbf5
```
#dbdbf5 rgb(219,219,245)
```
#ebebfa
```
#ebebfa rgb(235,235,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c94 is the less saturated color, while #2725fb is the most saturated one.

#8c8c94
```
#8c8c94 rgb(140,140,148)
```
#83839d
```
#83839d rgb(131,131,157)
```
#7b7ba5
```
#7b7ba5 rgb(123,123,165)
```
#7372ae
```
#7372ae rgb(115,114,174)
```
#6a6ab6
```
#6a6ab6 rgb(106,106,182)
```
#6261bf
```
#6261bf rgb(98,97,191)
```
#5959c7
```
#5959c7 rgb(89,89,199)
```
#5150d0
```
#5150d0 rgb(81,80,208)
```
#4947d9
```
#4947d9 rgb(73,71,217)
```
#403fe1
```
#403fe1 rgb(64,63,225)
```
#3836ea
```
#3836ea rgb(56,54,234)
```
#2f2ef2
```
#2f2ef2 rgb(47,46,242)
```
#2725fb
```
#2725fb rgb(39,37,251)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c5c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#15737c Tritanopia 0.001% of the population

Trichromacy

#1d5ecb Protanomaly 1% of men, 0.01% of women
#1d61bb Deuteranomaly 6% of men, 0.4% of women
#2b669a Tritanomaly 0.01% of the population

#5150d0 hex color

#5150d0 Color Information

#5150d0 Color Conversion

Color Schemes with #5150d0

Alternatives to #5150d0

#5150d0 Preview

Shades and Tints of #5150d0

Tones of #5150d0

Color Blindness Simulator