#5f4ff1 hex color

In a RGB color space, hex #5f4ff1 is composed of 37.3% red, 31% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 67.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 245.9 degrees, a saturation of 85.3% and a lightness of 62.7%. #5f4ff1 color hex could be obtained by blending #be9eff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 31
- B 95
RGB color chart
- C 61
- M 67
- Y 0
- K 5
CMYK color chart

● #5f4ff1 color description : Soft blue.

The hexadecimal color #5f4ff1 has RGB values of R:95, G:79, B:241 and CMYK values of C:0.61, M:0.67, Y:0, K:0.05. Its decimal value is 6246385.

Hex triplet	5f4ff1	`#5f4ff1`
RGB Decimal	95, 79, 241	`rgb(95,79,241)`
RGB Percent	37.3, 31, 94.5	`rgb(37.3%,31%,94.5%)`
CMYK	61, 67, 0, 5
HSL	245.9°, 85.3, 62.7	`hsl(245.9,85.3%,62.7%)`
HSV (or HSB)	245.9°, 67.2, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.766, 51.405, -79.21
XYZ	23.389, 14.375, 84.756
xyY	0.191, 0.117, 14.375
CIE-LCH	44.766, 94.429, 302.983
CIE-LUV	44.766, -4.758, -119.921
Hunter-Lab	37.914, 43.768, -106.002
Binary	01011111, 01001111, 11110001

#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#e1f14f
```
#e1f14f rgb(225,241,79)
```

Complementary Color

#4f90f1
```
#4f90f1 rgb(79,144,241)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#b04ff1
```
#b04ff1 rgb(176,79,241)
```

Analogous Color

#90f14f
```
#90f14f rgb(144,241,79)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#f1b04f
```
#f1b04f rgb(241,176,79)
```

Split Complementary Color

#4ff15f
```
#4ff15f rgb(79,241,95)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#f15f4f
```
#f15f4f rgb(241,95,79)
```

Triadic Color

#4fe1f1
```
#4fe1f1 rgb(79,225,241)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#f15f4f
```
#f15f4f rgb(241,95,79)
```
#e1f14f
```
#e1f14f rgb(225,241,79)
```

Tetradic Color

#2612e2
```
#2612e2 rgb(38,18,226)
```
#3420ed
```
#3420ed rgb(52,32,237)
```
#4a37ef
```
#4a37ef rgb(74,55,239)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#7467f3
```
#7467f3 rgb(116,103,243)
```
#8a7ef5
```
#8a7ef5 rgb(138,126,245)
```
#9f96f7
```
#9f96f7 rgb(159,150,247)
```

Monochromatic Color

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

#4f68f1
```
#4f68f1 rgb(79,104,241)
```
#4f5af1
```
#4f5af1 rgb(79,90,241)
```
#524ff1
```
#524ff1 rgb(82,79,241)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#6d4ff1
```
#6d4ff1 rgb(109,79,241)
```
#7a4ff1
```
#7a4ff1 rgb(122,79,241)
```
#884ff1
```
#884ff1 rgb(136,79,241)
```

Similar Colors

Text with hexadecimal color #5f4ff1

This text has a font color of #5f4ff1.

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

#5f4ff1 background color

This paragraph has a background color of #5f4ff1.

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

#5f4ff1 border color

This element has a border color of #5f4ff1.

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

CSS codes

.text {color:#5f4ff1;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#040218
```
#040218 rgb(4,2,24)
```
#07032a
```
#07032a rgb(7,3,42)
```
#0a053c
```
#0a053c rgb(10,5,60)
```
#0d064e
```
#0d064e rgb(13,6,78)
```
#100861
```
#100861 rgb(16,8,97)
```
#140973
```
#140973 rgb(20,9,115)
```
#170b85
```
#170b85 rgb(23,11,133)
```
#1a0c97
```
#1a0c97 rgb(26,12,151)
```
#1d0da9
```
#1d0da9 rgb(29,13,169)
```
#200fbb
```
#200fbb rgb(32,15,187)
```
#2310ce
```
#2310ce rgb(35,16,206)
```
#2612e0
```
#2612e0 rgb(38,18,224)
```

Shade Color Variation

#2d18ed
```
#2d18ed rgb(45,24,237)
```
#3e2bee
```
#3e2bee rgb(62,43,238)
```
#4e3df0
```
#4e3df0 rgb(78,61,240)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#7061f2
```
#7061f2 rgb(112,97,242)
```
#8073f4
```
#8073f4 rgb(128,115,244)
```
#9186f5
```
#9186f5 rgb(145,134,245)
```
#a198f7
```
#a198f7 rgb(161,152,247)
```
#b2aaf8
```
#b2aaf8 rgb(178,170,248)
```
#c2bcfa
```
#c2bcfa rgb(194,188,250)
```
#d3cefb
```
#d3cefb rgb(211,206,251)
```
#e3e0fd
```
#e3e0fd rgb(227,224,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#a09fa1
```
#a09fa1 rgb(160,159,161)
```
#9a98a8
```
#9a98a8 rgb(154,152,168)
```
#9491af
```
#9491af rgb(148,145,175)
```
#8e89b7
```
#8e89b7 rgb(142,137,183)
```
#8882be
```
#8882be rgb(136,130,190)
```
#827bc5
```
#827bc5 rgb(130,123,197)
```
#7c74cc
```
#7c74cc rgb(124,116,204)
```
#766cd4
```
#766cd4 rgb(118,108,212)
```
#7165db
```
#7165db rgb(113,101,219)
```
#6b5ee2
```
#6b5ee2 rgb(107,94,226)
```
#6556ea
```
#6556ea rgb(101,86,234)
```
#5f4ff1
```
#5f4ff1 rgb(95,79,241)
```
#5948f8
```
#5948f8 rgb(89,72,248)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#656182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#2262e0 Protanomaly 1% of men, 0.01% of women
#2266cf Deuteranomaly 6% of men, 0.4% of women
#226cac Tritanomaly 0.01% of the population

#5f4ff1 hex color

#5f4ff1 Color Information

#5f4ff1 Color Conversion

Color Schemes with #5f4ff1

Alternatives to #5f4ff1

#5f4ff1 Preview

Shades and Tints of #5f4ff1

Tones of #5f4ff1

Color Blindness Simulator