#4f50e4 hex color

In a RGB color space, hex #4f50e4 is composed of 31% red, 31.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 64.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 239.6 degrees, a saturation of 73.4% and a lightness of 60.2%. #4f50e4 color hex could be obtained by blending #9ea0ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 89
RGB color chart
- C 65
- M 65
- Y 0
- K 11
CMYK color chart

● #4f50e4 color description : Soft blue.

The hexadecimal color #4f50e4 has RGB values of R:79, G:80, B:228 and CMYK values of C:0.65, M:0.65, Y:0, K:0.11. Its decimal value is 5198052.

Hex triplet	4f50e4	`#4f50e4`
RGB Decimal	79, 80, 228	`rgb(79,80,228)`
RGB Percent	31, 31.4, 89.4	`rgb(31%,31.4%,89.4%)`
CMYK	65, 65, 0, 11
HSL	239.6°, 73.4, 60.2	`hsl(239.6,73.4%,60.2%)`
HSV (or HSB)	239.6°, 65.4, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.763, 44.57, -75.192
XYZ	20.094, 13, 74.845
xyY	0.186, 0.12, 13
CIE-LCH	42.763, 87.409, 300.657
CIE-LUV	42.763, -8.346, -112.409
Hunter-Lab	36.056, 36.382, -97.837
Binary	01001111, 01010000, 11100100

#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#e4e34f
```
#e4e34f rgb(228,227,79)
```

Complementary Color

#4f9be4
```
#4f9be4 rgb(79,155,228)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#994fe4
```
#994fe4 rgb(153,79,228)
```

Analogous Color

#9be44f
```
#9be44f rgb(155,228,79)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#e4994f
```
#e4994f rgb(228,153,79)
```

Split Complementary Color

#50e44f
```
#50e44f rgb(80,228,79)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#e44f50
```
#e44f50 rgb(228,79,80)
```

Triadic Color

#4fe4e3
```
#4fe4e3 rgb(79,228,227)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#e44f50
```
#e44f50 rgb(228,79,80)
```
#e4e34f
```
#e4e34f rgb(228,227,79)
```

Tetradic Color

#1f20c8
```
#1f20c8 rgb(31,32,200)
```
#2324dd
```
#2324dd rgb(35,36,221)
```
#393ae1
```
#393ae1 rgb(57,58,225)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#6566e7
```
#6566e7 rgb(101,102,231)
```
#7b7ceb
```
#7b7ceb rgb(123,124,235)
```
#9192ee
```
#9192ee rgb(145,146,238)
```

Monochromatic Color

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

#4f75e4
```
#4f75e4 rgb(79,117,228)
```
#4f69e4
```
#4f69e4 rgb(79,105,228)
```
#4f5ce4
```
#4f5ce4 rgb(79,92,228)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#5a4fe4
```
#5a4fe4 rgb(90,79,228)
```
#674fe4
```
#674fe4 rgb(103,79,228)
```
#734fe4
```
#734fe4 rgb(115,79,228)
```

Similar Colors

Text with hexadecimal color #4f50e4

This text has a font color of #4f50e4.

<span style="color:#4f50e4;">Text here</span>

#4f50e4 background color

This paragraph has a background color of #4f50e4.

<p style="background-color:#4f50e4;">Content here</p>

#4f50e4 border color

This element has a border color of #4f50e4.

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

CSS codes

.text {color:#4f50e4;}

.background {background-color:#4f50e4;}

.border {border:1px solid #4f50e4;}

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#04041c
```
#04041c rgb(4,4,28)
```
#07072d
```
#07072d rgb(7,7,45)
```
#0a0a3e
```
#0a0a3e rgb(10,10,62)
```
#0c0d4f
```
#0c0d4f rgb(12,13,79)
```
#0f0f60
```
#0f0f60 rgb(15,15,96)
```
#111271
```
#111271 rgb(17,18,113)
```
#141582
```
#141582 rgb(20,21,130)
```
#171793
```
#171793 rgb(23,23,147)
```
#191aa4
```
#191aa4 rgb(25,26,164)
```
#1c1db5
```
#1c1db5 rgb(28,29,181)
```
#1e20c6
```
#1e20c6 rgb(30,32,198)
```
#2122d7
```
#2122d7 rgb(33,34,215)
```

Shade Color Variation

#2d2edf
```
#2d2edf rgb(45,46,223)
```
#3e3fe1
```
#3e3fe1 rgb(62,63,225)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#6061e7
```
#6061e7 rgb(96,97,231)
```
#7172e9
```
#7172e9 rgb(113,114,233)
```
#8283ec
```
#8283ec rgb(130,131,236)
```
#9394ee
```
#9394ee rgb(147,148,238)
```
#a4a5f1
```
#a4a5f1 rgb(164,165,241)
```
#b5b5f4
```
#b5b5f4 rgb(181,181,244)
```
#c6c6f6
```
#c6c6f6 rgb(198,198,246)
```
#d7d7f9
```
#d7d7f9 rgb(215,215,249)
```
#e8e8fb
```
#e8e8fb rgb(232,232,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95959e is the less saturated color, while #3839fb is the most saturated one.

#95959e
```
#95959e rgb(149,149,158)
```
#8d8ea6
```
#8d8ea6 rgb(141,142,166)
```
#8686ad
```
#8686ad rgb(134,134,173)
```
#7e7eb5
```
#7e7eb5 rgb(126,126,181)
```
#7677bd
```
#7677bd rgb(118,119,189)
```
#6e6fc5
```
#6e6fc5 rgb(110,111,197)
```
#6667cd
```
#6667cd rgb(102,103,205)
```
#5f5fd4
```
#5f5fd4 rgb(95,95,212)
```
#5758dc
```
#5758dc rgb(87,88,220)
```
#4f50e4
```
#4f50e4 rgb(79,80,228)
```
#4748ec
```
#4748ec rgb(71,72,236)
```
#3f41f4
```
#3f41f4 rgb(63,65,244)
```
#3839fb
```
#3839fb rgb(56,57,251)
```

Tone Color Variation

Below, you can see how #4f50e4 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

#616161 Achromatopsia 0.005% of the population
#5d5e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#1c60d6 Protanomaly 1% of men, 0.01% of women
#1c64c5 Deuteranomaly 6% of men, 0.4% of women
#1c69a4 Tritanomaly 0.01% of the population

#4f50e4 hex color

#4f50e4 Color Information

#4f50e4 Color Conversion

Color Schemes with #4f50e4

Alternatives to #4f50e4

#4f50e4 Preview

Shades and Tints of #4f50e4

Tones of #4f50e4

Color Blindness Simulator