#5f46eb hex color

In a RGB color space, hex #5f46eb is composed of 37.3% red, 27.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 70.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 249.1 degrees, a saturation of 80.5% and a lightness of 59.8%. #5f46eb color hex could be obtained by blending #be8cff with #0000d7. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 37
- G 27
- B 92
RGB color chart
- C 60
- M 70
- Y 0
- K 8
CMYK color chart

● #5f46eb color description : Bright blue.

The hexadecimal color #5f46eb has RGB values of R:95, G:70, B:235 and CMYK values of C:0.6, M:0.7, Y:0, K:0.08. Its decimal value is 6244075.

Hex triplet	5f46eb	`#5f46eb`
RGB Decimal	95, 70, 235	`rgb(95,70,235)`
RGB Percent	37.3, 27.5, 92.2	`rgb(37.3%,27.5%,92.2%)`
CMYK	60, 70, 0, 8
HSL	249.1°, 80.5, 59.8	`hsl(249.1,80.5%,59.8%)`
HSV (or HSB)	249.1°, 70.2, 92.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.476, 54.485, -79.583
XYZ	21.902, 12.811, 79.911
xyY	0.191, 0.112, 12.811
CIE-LCH	42.476, 96.447, 304.397
CIE-LUV	42.476, -2.641, -118.317
Hunter-Lab	35.792, 46.593, -107.321
Binary	01011111, 01000110, 11101011

#5f46eb
```
#5f46eb rgb(95,70,235)
```
#d2eb46
```
#d2eb46 rgb(210,235,70)
```

Complementary Color

#4680eb
```
#4680eb rgb(70,128,235)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#b246eb
```
#b246eb rgb(178,70,235)
```

Analogous Color

#80eb46
```
#80eb46 rgb(128,235,70)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#ebb246
```
#ebb246 rgb(235,178,70)
```

Split Complementary Color

#46eb5f
```
#46eb5f rgb(70,235,95)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#eb5f46
```
#eb5f46 rgb(235,95,70)
```

Triadic Color

#46d2eb
```
#46d2eb rgb(70,210,235)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#eb5f46
```
#eb5f46 rgb(235,95,70)
```
#d2eb46
```
#d2eb46 rgb(210,235,70)
```

Tetradic Color

#3216ce
```
#3216ce rgb(50,22,206)
```
#3819e5
```
#3819e5 rgb(56,25,229)
```
#4b2fe9
```
#4b2fe9 rgb(75,47,233)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#735ded
```
#735ded rgb(115,93,237)
```
#8774f0
```
#8774f0 rgb(135,116,240)
```
#9b8bf2
```
#9b8bf2 rgb(155,139,242)
```

Monochromatic Color

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

#4656eb
```
#4656eb rgb(70,86,235)
```
#4649eb
```
#4649eb rgb(70,73,235)
```
#5146eb
```
#5146eb rgb(81,70,235)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#6d46eb
```
#6d46eb rgb(109,70,235)
```
#7b46eb
```
#7b46eb rgb(123,70,235)
```
#8846eb
```
#8846eb rgb(136,70,235)
```

Similar Colors

Text with hexadecimal color #5f46eb

This text has a font color of #5f46eb.

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

#5f46eb background color

This paragraph has a background color of #5f46eb.

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

#5f46eb border color

This element has a border color of #5f46eb.

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

CSS codes

.text {color:#5f46eb;}

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

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

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#07031b
```
#07031b rgb(7,3,27)
```
#0b052d
```
#0b052d rgb(11,5,45)
```
#0f073f
```
#0f073f rgb(15,7,63)
```
#140951
```
#140951 rgb(20,9,81)
```
#180b62
```
#180b62 rgb(24,11,98)
```
#1c0d74
```
#1c0d74 rgb(28,13,116)
```
#210e86
```
#210e86 rgb(33,14,134)
```
#251097
```
#251097 rgb(37,16,151)
```
#2912a9
```
#2912a9 rgb(41,18,169)
```
#2d14bb
```
#2d14bb rgb(45,20,187)
```
#3216cc
```
#3216cc rgb(50,22,204)
```
#3618de
```
#3618de rgb(54,24,222)
```

Shade Color Variation

#4023e7
```
#4023e7 rgb(64,35,231)
```
#5034e9
```
#5034e9 rgb(80,52,233)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#6e58ed
```
#6e58ed rgb(110,88,237)
```
#7e69ef
```
#7e69ef rgb(126,105,239)
```
#8d7bf1
```
#8d7bf1 rgb(141,123,241)
```
#9c8df3
```
#9c8df3 rgb(156,141,243)
```
#ac9ff5
```
#ac9ff5 rgb(172,159,245)
```
#bbb0f6
```
#bbb0f6 rgb(187,176,246)
```
#cac2f8
```
#cac2f8 rgb(202,194,248)
```
#d9d4fa
```
#d9d4fa rgb(217,212,250)
```
#e9e5fc
```
#e9e5fc rgb(233,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#96959c
```
#96959c rgb(150,149,156)
```
#908da4
```
#908da4 rgb(144,141,164)
```
#8b85ac
```
#8b85ac rgb(139,133,172)
```
#857db4
```
#857db4 rgb(133,125,180)
```
#8075bc
```
#8075bc rgb(128,117,188)
```
#7a6dc4
```
#7a6dc4 rgb(122,109,196)
```
#7566cb
```
#7566cb rgb(117,102,203)
```
#6f5ed3
```
#6f5ed3 rgb(111,94,211)
```
#6a56db
```
#6a56db rgb(106,86,219)
```
#644ee3
```
#644ee3 rgb(100,78,227)
```
#5f46eb
```
#5f46eb rgb(95,70,235)
```
#5a3ef3
```
#5a3ef3 rgb(90,62,243)
```
#5436fb
```
#5436fb rgb(84,54,251)
```

Tone Color Variation

Below, you can see how #5f46eb 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
#605b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#11767f Tritanopia 0.001% of the population

Trichromacy

#225cd7 Protanomaly 1% of men, 0.01% of women
#2260c7 Deuteranomaly 6% of men, 0.4% of women
#2d64a6 Tritanomaly 0.01% of the population

#5f46eb hex color

#5f46eb Color Information

#5f46eb Color Conversion

Color Schemes with #5f46eb

Alternatives to #5f46eb

#5f46eb Preview

Shades and Tints of #5f46eb

Tones of #5f46eb

Color Blindness Simulator