#5f50e5 hex color

In a RGB color space, hex #5f50e5 is composed of 37.3% red, 31.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 65.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 246 degrees, a saturation of 74.1% and a lightness of 60.6%. #5f50e5 color hex could be obtained by blending #bea0ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 31
- B 90
RGB color chart
- C 59
- M 65
- Y 0
- K 10
CMYK color chart

● #5f50e5 color description : Soft blue.

The hexadecimal color #5f50e5 has RGB values of R:95, G:80, B:229 and CMYK values of C:0.59, M:0.65, Y:0, K:0.1. Its decimal value is 6246629.

Hex triplet	5f50e5	`#5f50e5`
RGB Decimal	95, 80, 229	`rgb(95,80,229)`
RGB Percent	37.3, 31.4, 89.8	`rgb(37.3%,31.4%,89.8%)`
CMYK	59, 65, 0, 10
HSL	246°, 74.1, 60.6	`hsl(246,74.1%,60.6%)`
HSV (or HSB)	246°, 65.1, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.983, 47.177, -73.718
XYZ	21.728, 13.827, 75.648
xyY	0.195, 0.124, 13.827
CIE-LCH	43.983, 87.522, 302.618
CIE-LUV	43.983, -4.158, -111.775
Hunter-Lab	37.184, 39.233, -94.592
Binary	01011111, 01010000, 11100101

#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#d6e550
```
#d6e550 rgb(214,229,80)
```

Complementary Color

#508ce5
```
#508ce5 rgb(80,140,229)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#aa50e5
```
#aa50e5 rgb(170,80,229)
```

Analogous Color

#8ce550
```
#8ce550 rgb(140,229,80)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#e5aa50
```
#e5aa50 rgb(229,170,80)
```

Split Complementary Color

#50e55f
```
#50e55f rgb(80,229,95)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#e55f50
```
#e55f50 rgb(229,95,80)
```

Triadic Color

#50d6e5
```
#50d6e5 rgb(80,214,229)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#e55f50
```
#e55f50 rgb(229,95,80)
```
#d6e550
```
#d6e550 rgb(214,229,80)
```

Tetradic Color

#2f1eca
```
#2f1eca rgb(47,30,202)
```
#3624de
```
#3624de rgb(54,36,222)
```
#4b3ae2
```
#4b3ae2 rgb(75,58,226)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#7366e8
```
#7366e8 rgb(115,102,232)
```
#887cec
```
#887cec rgb(136,124,236)
```
#9c93ef
```
#9c93ef rgb(156,147,239)
```

Monochromatic Color

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

#5066e5
```
#5066e5 rgb(80,102,229)
```
#505ae5
```
#505ae5 rgb(80,90,229)
```
#5350e5
```
#5350e5 rgb(83,80,229)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#6b50e5
```
#6b50e5 rgb(107,80,229)
```
#7850e5
```
#7850e5 rgb(120,80,229)
```
#8450e5
```
#8450e5 rgb(132,80,229)
```

Similar Colors

Text with hexadecimal color #5f50e5

This text has a font color of #5f50e5.

<span style="color:#5f50e5;">Text here</span>

#5f50e5 background color

This paragraph has a background color of #5f50e5.

<p style="background-color:#5f50e5;">Content here</p>

#5f50e5 border color

This element has a border color of #5f50e5.

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

CSS codes

.text {color:#5f50e5;}

.background {background-color:#5f50e5;}

.border {border:1px solid #5f50e5;}

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

#03020d
```
#03020d rgb(3,2,13)
```
#07041e
```
#07041e rgb(7,4,30)
```
#0b072f
```
#0b072f rgb(11,7,47)
```
#0f0a40
```
#0f0a40 rgb(15,10,64)
```
#130c51
```
#130c51 rgb(19,12,81)
```
#170f62
```
#170f62 rgb(23,15,98)
```
#1b1173
```
#1b1173 rgb(27,17,115)
```
#1f1484
```
#1f1484 rgb(31,20,132)
```
#231695
```
#231695 rgb(35,22,149)
```
#2719a7
```
#2719a7 rgb(39,25,167)
```
#2b1bb8
```
#2b1bb8 rgb(43,27,184)
```
#2f1ec9
```
#2f1ec9 rgb(47,30,201)
```
#3320da
```
#3320da rgb(51,32,218)
```

Shade Color Variation

#402ee0
```
#402ee0 rgb(64,46,224)
```
#4f3fe2
```
#4f3fe2 rgb(79,63,226)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#6f61e8
```
#6f61e8 rgb(111,97,232)
```
#7e72ea
```
#7e72ea rgb(126,114,234)
```
#8e83ed
```
#8e83ed rgb(142,131,237)
```
#9d94ef
```
#9d94ef rgb(157,148,239)
```
#ada5f2
```
#ada5f2 rgb(173,165,242)
```
#bdb6f4
```
#bdb6f4 rgb(189,182,244)
```
#ccc8f7
```
#ccc8f7 rgb(204,200,247)
```
#dcd9f9
```
#dcd9f9 rgb(220,217,249)
```
#eceafc
```
#eceafc rgb(236,234,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97969f is the less saturated color, while #4c39fc is the most saturated one.

#97969f
```
#97969f rgb(151,150,159)
```
#908ea7
```
#908ea7 rgb(144,142,167)
```
#8a86af
```
#8a86af rgb(138,134,175)
```
#847eb7
```
#847eb7 rgb(132,126,183)
```
#7e77be
```
#7e77be rgb(126,119,190)
```
#786fc6
```
#786fc6 rgb(120,111,198)
```
#7267ce
```
#7267ce rgb(114,103,206)
```
#6b5fd6
```
#6b5fd6 rgb(107,95,214)
```
#6558dd
```
#6558dd rgb(101,88,221)
```
#5f50e5
```
#5f50e5 rgb(95,80,229)
```
#5948ed
```
#5948ed rgb(89,72,237)
```
#5341f4
```
#5341f4 rgb(83,65,244)
```
#4c39fc
```
#4c39fc rgb(76,57,252)
```

Tone Color Variation

Below, you can see how #5f50e5 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

#656565 Achromatopsia 0.005% of the population
#64617f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#287982 Tritanopia 0.001% of the population

Trichromacy

#2262da Protanomaly 1% of men, 0.01% of women
#2265c9 Deuteranomaly 6% of men, 0.4% of women
#3c6aa6 Tritanomaly 0.01% of the population

#5f50e5 hex color

#5f50e5 Color Information

#5f50e5 Color Conversion

Color Schemes with #5f50e5

Alternatives to #5f50e5

#5f50e5 Preview

Shades and Tints of #5f50e5

Tones of #5f50e5

Color Blindness Simulator