#5050ff hex color

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

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

● #5050ff color description : Light blue.

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

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

CIE-LAB	45.167, 53.356, -86.422
XYZ	24.223, 14.661, 96.156
xyY	0.179, 0.109, 14.661
CIE-LCH	45.167, 101.566, 301.691
CIE-LUV	45.167, -9.347, -129.524
Hunter-Lab	38.29, 45.915, -122.087
Binary	01010000, 01010000, 11111111

#5050ff
```
#5050ff rgb(80,80,255)
```
#ffff50
```
#ffff50 rgb(255,255,80)
```

Complementary Color

#50a8ff
```
#50a8ff rgb(80,168,255)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#a850ff
```
#a850ff rgb(168,80,255)
```

Analogous Color

#a8ff50
```
#a8ff50 rgb(168,255,80)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#ffa850
```
#ffa850 rgb(255,168,80)
```

Split Complementary Color

#50ff50
```
#50ff50 rgb(80,255,80)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#ff5050
```
#ff5050 rgb(255,80,80)
```

Triadic Color

#50ffff
```
#50ffff rgb(80,255,255)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#ff5050
```
#ff5050 rgb(255,80,80)
```
#ffff50
```
#ffff50 rgb(255,255,80)
```

Tetradic Color

#0303ff
```
#0303ff rgb(3,3,255)
```
#1d1dff
```
#1d1dff rgb(29,29,255)
```
#3737ff
```
#3737ff rgb(55,55,255)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#6a6aff
```
#6a6aff rgb(106,106,255)
```
#8383ff
```
#8383ff rgb(131,131,255)
```
#9d9dff
```
#9d9dff rgb(157,157,255)
```

Monochromatic Color

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

#507cff
```
#507cff rgb(80,124,255)
```
#506dff
```
#506dff rgb(80,109,255)
```
#505fff
```
#505fff rgb(80,95,255)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#5f50ff
```
#5f50ff rgb(95,80,255)
```
#6d50ff
```
#6d50ff rgb(109,80,255)
```
#7c50ff
```
#7c50ff rgb(124,80,255)
```

Similar Colors

Text with hexadecimal color #5050ff

This text has a font color of #5050ff.

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

#5050ff background color

This paragraph has a background color of #5050ff.

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

#5050ff border color

This element has a border color of #5050ff.

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

CSS codes

.text {color:#5050ff;}

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

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

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)
```
#000064
```
#000064 rgb(0,0,100)
```
#000077
```
#000077 rgb(0,0,119)
```
#00008b
```
#00008b rgb(0,0,139)
```
#00009e
```
#00009e rgb(0,0,158)
```
#0000b2
```
#0000b2 rgb(0,0,178)
```
#0000c6
```
#0000c6 rgb(0,0,198)
```
#0000d9
```
#0000d9 rgb(0,0,217)
```
#0000ed
```
#0000ed rgb(0,0,237)
```

Shade Color Variation

#0202ff
```
#0202ff rgb(2,2,255)
```
#1515ff
```
#1515ff rgb(21,21,255)
```
#2929ff
```
#2929ff rgb(41,41,255)
```
#3c3cff
```
#3c3cff rgb(60,60,255)
```
#5050ff
```
#5050ff rgb(80,80,255)
```
#6464ff
```
#6464ff rgb(100,100,255)
```
#7777ff
```
#7777ff rgb(119,119,255)
```
#8b8bff
```
#8b8bff rgb(139,139,255)
```
#9e9eff
```
#9e9eff rgb(158,158,255)
```
#b2b2ff
```
#b2b2ff rgb(178,178,255)
```
#c6c6ff
```
#c6c6ff rgb(198,198,255)
```
#d9d9ff
```
#d9d9ff rgb(217,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 #5050ff is the most saturated one.

#a1a1ae
```
#a1a1ae rgb(161,161,174)
```
#9a9ab5
```
#9a9ab5 rgb(154,154,181)
```
#9393bc
```
#9393bc rgb(147,147,188)
```
#8d8dc2
```
#8d8dc2 rgb(141,141,194)
```
#8686c9
```
#8686c9 rgb(134,134,201)
```
#7f7fd0
```
#7f7fd0 rgb(127,127,208)
```
#7878d7
```
#7878d7 rgb(120,120,215)
```
#7272dd
```
#7272dd rgb(114,114,221)
```
#6b6be4
```
#6b6be4 rgb(107,107,228)
```
#6464eb
```
#6464eb rgb(100,100,235)
```
#5d5df2
```
#5d5df2 rgb(93,93,242)
```
#5757f8
```
#5757f8 rgb(87,87,248)
```
#5050ff
```
#5050ff rgb(80,80,255)
```

Tone Color Variation

Below, you can see how #5050ff 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
#007d85 Tritanopia 0.001% of the population

Trichromacy

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

#5050ff hex color

#5050ff Color Information

#5050ff Color Conversion

Color Schemes with #5050ff

Alternatives to #5050ff

#5050ff Preview

Shades and Tints of #5050ff

Tones of #5050ff

Color Blindness Simulator