#5150c1 hex color

In a RGB color space, hex #5150c1 is composed of 31.8% red, 31.4% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 58.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 240.5 degrees, a saturation of 47.7% and a lightness of 53.5%. #5150c1 color hex could be obtained by blending #a2a0ff with #000083. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 31
- B 76
RGB color chart
- C 58
- M 59
- Y 0
- K 24
CMYK color chart

● #5150c1 color description : Moderate blue.

The hexadecimal color #5150c1 has RGB values of R:81, G:80, B:193 and CMYK values of C:0.58, M:0.59, Y:0, K:0.24. Its decimal value is 5329089.

Hex triplet	5150c1	`#5150c1`
RGB Decimal	81, 80, 193	`rgb(81,80,193)`
RGB Percent	31.8, 31.4, 75.7	`rgb(31.8%,31.4%,75.7%)`
CMYK	58, 59, 0, 24
HSL	240.5°, 47.7, 53.5	`hsl(240.5,47.7%,53.5%)`
HSV (or HSB)	240.5°, 58.5, 75.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.141, 33.431, -59.335
XYZ	15.886, 11.336, 51.8
xyY	0.201, 0.143, 11.336
CIE-LCH	40.141, 68.105, 299.398
CIE-LUV	40.141, -6.093, -88.414
Hunter-Lab	33.669, 25.298, -67.649
Binary	01010001, 01010000, 11000001

#5150c1
```
#5150c1 rgb(81,80,193)
```
#c0c150
```
#c0c150 rgb(192,193,80)
```

Complementary Color

#5088c1
```
#5088c1 rgb(80,136,193)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#8a50c1
```
#8a50c1 rgb(138,80,193)
```

Analogous Color

#88c150
```
#88c150 rgb(136,193,80)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#c18a50
```
#c18a50 rgb(193,138,80)
```

Split Complementary Color

#50c151
```
#50c151 rgb(80,193,81)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#c15150
```
#c15150 rgb(193,81,80)
```

Triadic Color

#50c0c1
```
#50c0c1 rgb(80,192,193)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#c15150
```
#c15150 rgb(193,81,80)
```
#c0c150
```
#c0c150 rgb(192,193,80)
```

Tetradic Color

#343391
```
#343391 rgb(52,51,145)
```
#3b3aa4
```
#3b3aa4 rgb(59,58,164)
```
#4241b7
```
#4241b7 rgb(66,65,183)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#6463c8
```
#6463c8 rgb(100,99,200)
```
#7676ce
```
#7676ce rgb(118,118,206)
```
#8988d5
```
#8988d5 rgb(137,136,213)
```

Monochromatic Color

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

#506bc1
```
#506bc1 rgb(80,107,193)
```
#5062c1
```
#5062c1 rgb(80,98,193)
```
#5058c1
```
#5058c1 rgb(80,88,193)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#5a50c1
```
#5a50c1 rgb(90,80,193)
```
#6450c1
```
#6450c1 rgb(100,80,193)
```
#6d50c1
```
#6d50c1 rgb(109,80,193)
```

Similar Colors

Text with hexadecimal color #5150c1

This text has a font color of #5150c1.

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

#5150c1 background color

This paragraph has a background color of #5150c1.

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

#5150c1 border color

This element has a border color of #5150c1.

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

CSS codes

.text {color:#5150c1;}

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

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

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, #05050d is the darkest color, while #fefeff is the lightest one.

#05050d
```
#05050d rgb(5,5,13)
```
#0a0a1c
```
#0a0a1c rgb(10,10,28)
```
#0f0f2a
```
#0f0f2a rgb(15,15,42)
```
#141439
```
#141439 rgb(20,20,57)
```
#1a1947
```
#1a1947 rgb(26,25,71)
```
#1f1e56
```
#1f1e56 rgb(31,30,86)
```
#242364
```
#242364 rgb(36,35,100)
```
#292973
```
#292973 rgb(41,41,115)
```
#2e2e81
```
#2e2e81 rgb(46,46,129)
```
#343390
```
#343390 rgb(52,51,144)
```
#39389e
```
#39389e rgb(57,56,158)
```
#3e3dad
```
#3e3dad rgb(62,61,173)
```
#4342bb
```
#4342bb rgb(67,66,187)
```

Shade Color Variation

#5150c1
```
#5150c1 rgb(81,80,193)
```
#5f5ec6
```
#5f5ec6 rgb(95,94,198)
```
#6e6dcb
```
#6e6dcb rgb(110,109,203)
```
#7c7bd0
```
#7c7bd0 rgb(124,123,208)
```
#8b8ad6
```
#8b8ad6 rgb(139,138,214)
```
#9998db
```
#9998db rgb(153,152,219)
```
#a7a7e0
```
#a7a7e0 rgb(167,167,224)
```
#b6b5e5
```
#b6b5e5 rgb(182,181,229)
```
#c4c4ea
```
#c4c4ea rgb(196,196,234)
```
#d3d2ef
```
#d3d2ef rgb(211,210,239)
```
#e1e1f4
```
#e1e1f4 rgb(225,225,244)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87878a is the less saturated color, while #1b19f8 is the most saturated one.

#87878a
```
#87878a rgb(135,135,138)
```
#7e7e93
```
#7e7e93 rgb(126,126,147)
```
#75749d
```
#75749d rgb(117,116,157)
```
#6c6ba6
```
#6c6ba6 rgb(108,107,166)
```
#6362af
```
#6362af rgb(99,98,175)
```
#5a59b8
```
#5a59b8 rgb(90,89,184)
```
#5150c1
```
#5150c1 rgb(81,80,193)
```
#4847ca
```
#4847ca rgb(72,71,202)
```
#3f3ed3
```
#3f3ed3 rgb(63,62,211)
```
#3635dc
```
#3635dc rgb(54,53,220)
```
#2d2ce5
```
#2d2ce5 rgb(45,44,229)
```
#2422ef
```
#2422ef rgb(36,34,239)
```
#1b19f8
```
#1b19f8 rgb(27,25,248)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#2e6f77 Tritanopia 0.001% of the population

Trichromacy

#1d5cc2 Protanomaly 1% of men, 0.01% of women
#1d5fb3 Deuteranomaly 6% of men, 0.4% of women
#3b6392 Tritanomaly 0.01% of the population

#5150c1 hex color

#5150c1 Color Information

#5150c1 Color Conversion

Color Schemes with #5150c1

Alternatives to #5150c1

#5150c1 Preview

Shades and Tints of #5150c1

Tones of #5150c1

Color Blindness Simulator