#5050fd hex color

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

♥
- f
- t
- g
- R 31
- G 31
- B 99
RGB color chart
- C 68
- M 68
- Y 0
- K 1
CMYK color chart

● #5050fd color description : Soft blue.

The hexadecimal color #5050fd has RGB values of R:80, G:80, B:253 and CMYK values of C:0.68, M:0.68, Y:0, K:0.01. Its decimal value is 5263613.

Hex triplet	5050fd	`#5050fd`
RGB Decimal	80, 80, 253	`rgb(80,80,253)`
RGB Percent	31.4, 31.4, 99.2	`rgb(31.4%,31.4%,99.2%)`
CMYK	68, 68, 0, 1
HSL	240°, 97.7, 65.3	`hsl(240,97.7%,65.3%)`
HSV (or HSB)	240°, 68.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.988, 52.723, -85.601
XYZ	23.903, 14.533, 94.469
xyY	0.18, 0.109, 14.533
CIE-LCH	44.988, 100.535, 301.629
CIE-LUV	44.988, -9.257, -128.28
Hunter-Lab	38.123, 45.206, -120.236
Binary	01010000, 01010000, 11111101

#5050fd
```
#5050fd rgb(80,80,253)
```
#fdfd50
```
#fdfd50 rgb(253,253,80)
```

Complementary Color

#50a7fd
```
#50a7fd rgb(80,167,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#a750fd
```
#a750fd rgb(167,80,253)
```

Analogous Color

#a7fd50
```
#a7fd50 rgb(167,253,80)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#fda750
```
#fda750 rgb(253,167,80)
```

Split Complementary Color

#50fd50
```
#50fd50 rgb(80,253,80)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#fd5050
```
#fd5050 rgb(253,80,80)
```

Triadic Color

#50fdfd
```
#50fdfd rgb(80,253,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#fd5050
```
#fd5050 rgb(253,80,80)
```
#fdfd50
```
#fdfd50 rgb(253,253,80)
```

Tetradic Color

#0404fc
```
#0404fc rgb(4,4,252)
```
#1e1efc
```
#1e1efc rgb(30,30,252)
```
#3737fd
```
#3737fd rgb(55,55,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#6969fd
```
#6969fd rgb(105,105,253)
```
#8282fe
```
#8282fe rgb(130,130,254)
```
#9c9cfe
```
#9c9cfe rgb(156,156,254)
```

Monochromatic Color

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

#507bfd
```
#507bfd rgb(80,123,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#505efd
```
#505efd rgb(80,94,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#5e50fd
```
#5e50fd rgb(94,80,253)
```
#6d50fd
```
#6d50fd rgb(109,80,253)
```
#7b50fd
```
#7b50fd rgb(123,80,253)
```

Similar Colors

Text with hexadecimal color #5050fd

This text has a font color of #5050fd.

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

#5050fd background color

This paragraph has a background color of #5050fd.

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

#5050fd border color

This element has a border color of #5050fd.

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

CSS codes

.text {color:#5050fd;}

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

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

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

#000013
```
#000013 rgb(0,0,19)
```
#000026
```
#000026 rgb(0,0,38)
```
#01013a
```
#01013a rgb(1,1,58)
```
#01014d
```
#01014d rgb(1,1,77)
```
#010161
```
#010161 rgb(1,1,97)
```
#010174
```
#010174 rgb(1,1,116)
```
#020287
```
#020287 rgb(2,2,135)
```
#02029b
```
#02029b rgb(2,2,155)
```
#0202ae
```
#0202ae rgb(2,2,174)
```
#0202c1
```
#0202c1 rgb(2,2,193)
```
#0202d5
```
#0202d5 rgb(2,2,213)
```
#0303e8
```
#0303e8 rgb(3,3,232)
```
#0303fc
```
#0303fc rgb(3,3,252)
```

Shade Color Variation

#1616fc
```
#1616fc rgb(22,22,252)
```
#2929fd
```
#2929fd rgb(41,41,253)
```
#3d3dfd
```
#3d3dfd rgb(61,61,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#6363fd
```
#6363fd rgb(99,99,253)
```
#7777fd
```
#7777fd rgb(119,119,253)
```
#8a8afe
```
#8a8afe rgb(138,138,254)
```
#9e9efe
```
#9e9efe rgb(158,158,254)
```
#b1b1fe
```
#b1b1fe rgb(177,177,254)
```
#c4c4fe
```
#c4c4fe rgb(196,196,254)
```
#d8d8ff
```
#d8d8ff rgb(216,216,255)
```
#ebebff
```
#ebebff rgb(235,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a2ab
```
#a2a2ab rgb(162,162,171)
```
#9b9bb2
```
#9b9bb2 rgb(155,155,178)
```
#9494b9
```
#9494b9 rgb(148,148,185)
```
#8d8dc0
```
#8d8dc0 rgb(141,141,192)
```
#8686c7
```
#8686c7 rgb(134,134,199)
```
#8080cd
```
#8080cd rgb(128,128,205)
```
#7979d4
```
#7979d4 rgb(121,121,212)
```
#7272db
```
#7272db rgb(114,114,219)
```
#6b6be2
```
#6b6be2 rgb(107,107,226)
```
#6464e9
```
#6464e9 rgb(100,100,233)
```
#5e5eef
```
#5e5eef rgb(94,94,239)
```
#5757f6
```
#5757f6 rgb(87,87,246)
```
#5050fd
```
#5050fd rgb(80,80,253)
```

Tone Color Variation

Below, you can see how #5050fd 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

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1d63e5 Protanomaly 1% of men, 0.01% of women
#1d67d3 Deuteranomaly 6% of men, 0.4% of women
#1d6cb0 Tritanomaly 0.01% of the population

#5050fd hex color

#5050fd Color Information

#5050fd Color Conversion

Color Schemes with #5050fd

Alternatives to #5050fd

#5050fd Preview

Shades and Tints of #5050fd

Tones of #5050fd

Color Blindness Simulator