#5f46e9 hex color

In a RGB color space, hex #5f46e9 is composed of 37.3% red, 27.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 70% magenta, 0% yellow and 8.6% black. It has a hue angle of 249.2 degrees, a saturation of 78.7% and a lightness of 59.4%. #5f46e9 color hex could be obtained by blending #be8cff with #0000d3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 37
- G 27
- B 91
RGB color chart
- C 59
- M 70
- Y 0
- K 9
CMYK color chart

● #5f46e9 color description : Soft blue.

The hexadecimal color #5f46e9 has RGB values of R:95, G:70, B:233 and CMYK values of C:0.59, M:0.7, Y:0, K:0.09. Its decimal value is 6244073.

Hex triplet	5f46e9	`#5f46e9`
RGB Decimal	95, 70, 233	`rgb(95,70,233)`
RGB Percent	37.3, 27.5, 91.4	`rgb(37.3%,27.5%,91.4%)`
CMYK	59, 70, 0, 9
HSL	249.2°, 78.7, 59.4	`hsl(249.2,78.7%,59.4%)`
HSV (or HSB)	249.2°, 70, 91.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.301, 53.895, -78.739
XYZ	21.615, 12.696, 78.398
xyY	0.192, 0.113, 12.696
CIE-LCH	42.301, 95.417, 304.391
CIE-LUV	42.301, -2.488, -117.054
Hunter-Lab	35.631, 45.929, -105.513
Binary	01011111, 01000110, 11101001

#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#d0e946
```
#d0e946 rgb(208,233,70)
```

Complementary Color

#467fe9
```
#467fe9 rgb(70,127,233)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#b146e9
```
#b146e9 rgb(177,70,233)
```

Analogous Color

#7fe946
```
#7fe946 rgb(127,233,70)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#e9b146
```
#e9b146 rgb(233,177,70)
```

Split Complementary Color

#46e95f
```
#46e95f rgb(70,233,95)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#e95f46
```
#e95f46 rgb(233,95,70)
```

Triadic Color

#46d0e9
```
#46d0e9 rgb(70,208,233)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#e95f46
```
#e95f46 rgb(233,95,70)
```
#d0e946
```
#d0e946 rgb(208,233,70)
```

Tetradic Color

#3318ca
```
#3318ca rgb(51,24,202)
```
#391be1
```
#391be1 rgb(57,27,225)
```
#4b2fe6
```
#4b2fe6 rgb(75,47,230)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#735dec
```
#735dec rgb(115,93,236)
```
#8674ee
```
#8674ee rgb(134,116,238)
```
#9a8af1
```
#9a8af1 rgb(154,138,241)
```

Monochromatic Color

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

#4656e9
```
#4656e9 rgb(70,86,233)
```
#4648e9
```
#4648e9 rgb(70,72,233)
```
#5146e9
```
#5146e9 rgb(81,70,233)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#6d46e9
```
#6d46e9 rgb(109,70,233)
```
#7a46e9
```
#7a46e9 rgb(122,70,233)
```
#8846e9
```
#8846e9 rgb(136,70,233)
```

Similar Colors

Text with hexadecimal color #5f46e9

This text has a font color of #5f46e9.

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

#5f46e9 background color

This paragraph has a background color of #5f46e9.

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

#5f46e9 border color

This element has a border color of #5f46e9.

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

CSS codes

.text {color:#5f46e9;}

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

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

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 #f7f5fe is the lightest one.

#020108
```
#020108 rgb(2,1,8)
```
#060319
```
#060319 rgb(6,3,25)
```
#0b052b
```
#0b052b rgb(11,5,43)
```
#0f073c
```
#0f073c rgb(15,7,60)
```
#14094e
```
#14094e rgb(20,9,78)
```
#180b5f
```
#180b5f rgb(24,11,95)
```
#1d0d71
```
#1d0d71 rgb(29,13,113)
```
#211083
```
#211083 rgb(33,16,131)
```
#261294
```
#261294 rgb(38,18,148)
```
#2a14a6
```
#2a14a6 rgb(42,20,166)
```
#2f16b7
```
#2f16b7 rgb(47,22,183)
```
#3318c9
```
#3318c9 rgb(51,24,201)
```
#371ada
```
#371ada rgb(55,26,218)
```

Shade Color Variation

#4123e5
```
#4123e5 rgb(65,35,229)
```
#5034e7
```
#5034e7 rgb(80,52,231)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#6e58eb
```
#6e58eb rgb(110,88,235)
```
#7d69ed
```
#7d69ed rgb(125,105,237)
```
#8c7bef
```
#8c7bef rgb(140,123,239)
```
#9c8cf1
```
#9c8cf1 rgb(156,140,241)
```
#ab9ef3
```
#ab9ef3 rgb(171,158,243)
```
#baaff6
```
#baaff6 rgb(186,175,246)
```
#c9c1f8
```
#c9c1f8 rgb(201,193,248)
```
#d8d2fa
```
#d8d2fa rgb(216,210,250)
```
#e7e4fc
```
#e7e4fc rgb(231,228,252)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

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

#969699
```
#969699 rgb(150,150,153)
```
#918ea1
```
#918ea1 rgb(145,142,161)
```
#8b86a9
```
#8b86a9 rgb(139,134,169)
```
#867eb1
```
#867eb1 rgb(134,126,177)
```
#8076b9
```
#8076b9 rgb(128,118,185)
```
#7b6ec1
```
#7b6ec1 rgb(123,110,193)
```
#7566c9
```
#7566c9 rgb(117,102,201)
```
#705ed1
```
#705ed1 rgb(112,94,209)
```
#6a56d9
```
#6a56d9 rgb(106,86,217)
```
#654ee1
```
#654ee1 rgb(101,78,225)
```
#5f46e9
```
#5f46e9 rgb(95,70,233)
```
#593ef1
```
#593ef1 rgb(89,62,241)
```
#5436f9
```
#5436f9 rgb(84,54,249)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#605b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#19767e Tritanopia 0.001% of the population

Trichromacy

#225cd6 Protanomaly 1% of men, 0.01% of women
#225fc5 Deuteranomaly 6% of men, 0.4% of women
#3264a5 Tritanomaly 0.01% of the population

#5f46e9 hex color

#5f46e9 Color Information

#5f46e9 Color Conversion

Color Schemes with #5f46e9

Alternatives to #5f46e9

#5f46e9 Preview

Shades and Tints of #5f46e9

Tones of #5f46e9

Color Blindness Simulator