#5f50e0 hex color

In a RGB color space, hex #5f50e0 is composed of 37.3% red, 31.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 64.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 246.3 degrees, a saturation of 69.9% and a lightness of 59.6%. #5f50e0 color hex could be obtained by blending #bea0ff with #0000c1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 31
- B 88
RGB color chart
- C 58
- M 64
- Y 0
- K 12
CMYK color chart

● #5f50e0 color description : Soft blue.

The hexadecimal color #5f50e0 has RGB values of R:95, G:80, B:224 and CMYK values of C:0.58, M:0.64, Y:0, K:0.12. Its decimal value is 6246624.

Hex triplet	5f50e0	`#5f50e0`
RGB Decimal	95, 80, 224	`rgb(95,80,224)`
RGB Percent	37.3, 31.4, 87.8	`rgb(37.3%,31.4%,87.8%)`
CMYK	58, 64, 0, 12
HSL	246.3°, 69.9, 59.6	`hsl(246.3,69.9%,59.6%)`
HSV (or HSB)	246.3°, 64.3, 87.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.582, 45.642, -71.534
XYZ	21.04, 13.551, 72.024
xyY	0.197, 0.127, 13.551
CIE-LCH	43.582, 84.854, 302.54
CIE-LUV	43.582, -3.815, -108.437
Hunter-Lab	36.812, 37.601, -90.234
Binary	01011111, 01010000, 11100000

#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#d1e050
```
#d1e050 rgb(209,224,80)
```

Complementary Color

#5089e0
```
#5089e0 rgb(80,137,224)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#a750e0
```
#a750e0 rgb(167,80,224)
```

Analogous Color

#89e050
```
#89e050 rgb(137,224,80)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#e0a750
```
#e0a750 rgb(224,167,80)
```

Split Complementary Color

#50e05f
```
#50e05f rgb(80,224,95)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#e05f50
```
#e05f50 rgb(224,95,80)
```

Triadic Color

#50d1e0
```
#50d1e0 rgb(80,209,224)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#e05f50
```
#e05f50 rgb(224,95,80)
```
#d1e050
```
#d1e050 rgb(209,224,80)
```

Tetradic Color

#3322c1
```
#3322c1 rgb(51,34,193)
```
#3826d7
```
#3826d7 rgb(56,38,215)
```
#4b3adc
```
#4b3adc rgb(75,58,220)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#7366e4
```
#7366e4 rgb(115,102,228)
```
#877be8
```
#877be8 rgb(135,123,232)
```
#9a91ec
```
#9a91ec rgb(154,145,236)
```

Monochromatic Color

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

#5065e0
```
#5065e0 rgb(80,101,224)
```
#5059e0
```
#5059e0 rgb(80,89,224)
```
#5350e0
```
#5350e0 rgb(83,80,224)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#6b50e0
```
#6b50e0 rgb(107,80,224)
```
#7750e0
```
#7750e0 rgb(119,80,224)
```
#8350e0
```
#8350e0 rgb(131,80,224)
```

Similar Colors

Text with hexadecimal color #5f50e0

This text has a font color of #5f50e0.

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

#5f50e0 background color

This paragraph has a background color of #5f50e0.

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

#5f50e0 border color

This element has a border color of #5f50e0.

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

CSS codes

.text {color:#5f50e0;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#070419
```
#070419 rgb(7,4,25)
```
#0b072a
```
#0b072a rgb(11,7,42)
```
#0f0a3a
```
#0f0a3a rgb(15,10,58)
```
#140d4b
```
#140d4b rgb(20,13,75)
```
#18105c
```
#18105c rgb(24,16,92)
```
#1c136c
```
#1c136c rgb(28,19,108)
```
#21167d
```
#21167d rgb(33,22,125)
```
#25198e
```
#25198e rgb(37,25,142)
```
#2a1c9e
```
#2a1c9e rgb(42,28,158)
```
#2e1faf
```
#2e1faf rgb(46,31,175)
```
#3222c0
```
#3222c0 rgb(50,34,192)
```
#3725d0
```
#3725d0 rgb(55,37,208)
```

Shade Color Variation

#412fda
```
#412fda rgb(65,47,218)
```
#503fdd
```
#503fdd rgb(80,63,221)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#6e61e3
```
#6e61e3 rgb(110,97,227)
```
#7d71e6
```
#7d71e6 rgb(125,113,230)
```
#8d82e9
```
#8d82e9 rgb(141,130,233)
```
#9c93ec
```
#9c93ec rgb(156,147,236)
```
#aba3ef
```
#aba3ef rgb(171,163,239)
```
#bab4f2
```
#bab4f2 rgb(186,180,242)
```
#cac5f5
```
#cac5f5 rgb(202,197,245)
```
#d9d5f8
```
#d9d5f8 rgb(217,213,248)
```
#e8e6fb
```
#e8e6fb rgb(232,230,251)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#979799
```
#979799 rgb(151,151,153)
```
#918fa1
```
#918fa1 rgb(145,143,161)
```
#8b87a9
```
#8b87a9 rgb(139,135,169)
```
#8580b0
```
#8580b0 rgb(133,128,176)
```
#7e78b8
```
#7e78b8 rgb(126,120,184)
```
#7870c0
```
#7870c0 rgb(120,112,192)
```
#7268c8
```
#7268c8 rgb(114,104,200)
```
#6c60d0
```
#6c60d0 rgb(108,96,208)
```
#6558d8
```
#6558d8 rgb(101,88,216)
```
#5f50e0
```
#5f50e0 rgb(95,80,224)
```
#5948e8
```
#5948e8 rgb(89,72,232)
```
#5240f0
```
#5240f0 rgb(82,64,240)
```
#4c38f8
```
#4c38f8 rgb(76,56,248)
```

Tone Color Variation

Below, you can see how #5f50e0 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
#64617e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#2f7881 Tritanopia 0.001% of the population

Trichromacy

#2261d7 Protanomaly 1% of men, 0.01% of women
#2265c6 Deuteranomaly 6% of men, 0.4% of women
#4069a3 Tritanomaly 0.01% of the population

#5f50e0 hex color

#5f50e0 Color Information

#5f50e0 Color Conversion

Color Schemes with #5f50e0

Alternatives to #5f50e0

#5f50e0 Preview

Shades and Tints of #5f50e0

Tones of #5f50e0

Color Blindness Simulator