#5150ff hex color

In a RGB color space, hex #5150ff is composed of 31.8% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 240.3 degrees, a saturation of 100% and a lightness of 65.7%. #5150ff color hex could be obtained by blending #a2a0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 31
- B 100
RGB color chart
- C 68
- M 69
- Y 0
- K 0
CMYK color chart

● #5150ff color description : Light blue.

The hexadecimal color #5150ff has RGB values of R:81, G:80, B:255 and CMYK values of C:0.68, M:0.69, Y:0, K:0. Its decimal value is 5329151.

Hex triplet	5150ff	`#5150ff`
RGB Decimal	81, 80, 255	`rgb(81,80,255)`
RGB Percent	31.8, 31.4, 100	`rgb(31.8%,31.4%,100%)`
CMYK	68, 69, 0, 0
HSL	240.3°, 100, 65.7	`hsl(240.3,100%,65.7%)`
HSV (or HSB)	240.3°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.228, 53.464, -86.32
XYZ	24.308, 14.705, 96.16
xyY	0.18, 0.109, 14.705
CIE-LCH	45.228, 101.536, 301.773
CIE-LUV	45.228, -9.136, -129.469
Hunter-Lab	38.348, 46.043, -121.831
Binary	01010001, 01010000, 11111111

#5150ff
```
#5150ff rgb(81,80,255)
```
#feff50
```
#feff50 rgb(254,255,80)
```

Complementary Color

#50a7ff
```
#50a7ff rgb(80,167,255)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#a950ff
```
#a950ff rgb(169,80,255)
```

Analogous Color

#a7ff50
```
#a7ff50 rgb(167,255,80)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#ffa950
```
#ffa950 rgb(255,169,80)
```

Split Complementary Color

#50ff51
```
#50ff51 rgb(80,255,81)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#ff5150
```
#ff5150 rgb(255,81,80)
```

Triadic Color

#50feff
```
#50feff rgb(80,254,255)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#ff5150
```
#ff5150 rgb(255,81,80)
```
#feff50
```
#feff50 rgb(254,255,80)
```

Tetradic Color

#0503ff
```
#0503ff rgb(5,3,255)
```
#1e1dff
```
#1e1dff rgb(30,29,255)
```
#3837ff
```
#3837ff rgb(56,55,255)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#6a6aff
```
#6a6aff rgb(106,106,255)
```
#8483ff
```
#8483ff rgb(132,131,255)
```
#9d9dff
```
#9d9dff rgb(157,157,255)
```

Monochromatic Color

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

#507bff
```
#507bff rgb(80,123,255)
```
#506cff
```
#506cff rgb(80,108,255)
```
#505eff
```
#505eff rgb(80,94,255)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#6050ff
```
#6050ff rgb(96,80,255)
```
#6e50ff
```
#6e50ff rgb(110,80,255)
```
#7d50ff
```
#7d50ff rgb(125,80,255)
```

Similar Colors

Text with hexadecimal color #5150ff

This text has a font color of #5150ff.

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

#5150ff background color

This paragraph has a background color of #5150ff.

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

#5150ff border color

This element has a border color of #5150ff.

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

CSS codes

.text {color:#5150ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000015
```
#000015 rgb(0,0,21)
```
#000029
```
#000029 rgb(0,0,41)
```
#00003c
```
#00003c rgb(0,0,60)
```
#000050
```
#000050 rgb(0,0,80)
```
#010064
```
#010064 rgb(1,0,100)
```
#010077
```
#010077 rgb(1,0,119)
```
#01008b
```
#01008b rgb(1,0,139)
```
#01009e
```
#01009e rgb(1,0,158)
```
#0100b2
```
#0100b2 rgb(1,0,178)
```
#0100c6
```
#0100c6 rgb(1,0,198)
```
#0100d9
```
#0100d9 rgb(1,0,217)
```
#0100ed
```
#0100ed rgb(1,0,237)
```

Shade Color Variation

#0302ff
```
#0302ff rgb(3,2,255)
```
#1615ff
```
#1615ff rgb(22,21,255)
```
#2a29ff
```
#2a29ff rgb(42,41,255)
```
#3d3cff
```
#3d3cff rgb(61,60,255)
```
#5150ff
```
#5150ff rgb(81,80,255)
```
#6564ff
```
#6564ff rgb(101,100,255)
```
#7877ff
```
#7877ff rgb(120,119,255)
```
#8c8bff
```
#8c8bff rgb(140,139,255)
```
#9f9eff
```
#9f9eff rgb(159,158,255)
```
#b3b2ff
```
#b3b2ff rgb(179,178,255)
```
#c6c6ff
```
#c6c6ff rgb(198,198,255)
```
#dad9ff
```
#dad9ff rgb(218,217,255)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#a1a1ae
```
#a1a1ae rgb(161,161,174)
```
#9a9ab5
```
#9a9ab5 rgb(154,154,181)
```
#9493bc
```
#9493bc rgb(148,147,188)
```
#8d8dc2
```
#8d8dc2 rgb(141,141,194)
```
#8686c9
```
#8686c9 rgb(134,134,201)
```
#807fd0
```
#807fd0 rgb(128,127,208)
```
#7978d7
```
#7978d7 rgb(121,120,215)
```
#7272dd
```
#7272dd rgb(114,114,221)
```
#6c6be4
```
#6c6be4 rgb(108,107,228)
```
#6564eb
```
#6564eb rgb(101,100,235)
```
#5e5df2
```
#5e5df2 rgb(94,93,242)
```
#5857f8
```
#5857f8 rgb(88,87,248)
```
#5150ff
```
#5150ff rgb(81,80,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#606083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1d63e6 Protanomaly 1% of men, 0.01% of women
#1d68d4 Deuteranomaly 6% of men, 0.4% of women
#1d6db1 Tritanomaly 0.01% of the population

#5150ff hex color

#5150ff Color Information

#5150ff Color Conversion

Color Schemes with #5150ff

Alternatives to #5150ff

#5150ff Preview

Shades and Tints of #5150ff

Tones of #5150ff

Color Blindness Simulator