#5b46e3 hex color

In a RGB color space, hex #5b46e3 is composed of 35.7% red, 27.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 69.2% magenta, 0% yellow and 11% black. It has a hue angle of 248 degrees, a saturation of 73.7% and a lightness of 58.2%. #5b46e3 color hex could be obtained by blending #b68cff with #0000c7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 36
- G 27
- B 89
RGB color chart
- C 60
- M 69
- Y 0
- K 11
CMYK color chart

● #5b46e3 color description : Soft blue.

The hexadecimal color #5b46e3 has RGB values of R:91, G:70, B:227 and CMYK values of C:0.6, M:0.69, Y:0, K:0.11. Its decimal value is 5981923.

Hex triplet	5b46e3	`#5b46e3`
RGB Decimal	91, 70, 227	`rgb(91,70,227)`
RGB Percent	35.7, 27.5, 89	`rgb(35.7%,27.5%,89%)`
CMYK	60, 69, 0, 11
HSL	248°, 73.7, 58.2	`hsl(248,73.7%,58.2%)`
HSV (or HSB)	248°, 69.2, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.453, 51.561, -76.737
XYZ	20.367, 12.15, 73.941
xyY	0.191, 0.114, 12.15
CIE-LCH	41.453, 92.45, 303.898
CIE-LUV	41.453, -3.177, -113.547
Hunter-Lab	34.856, 43.301, -101.372
Binary	01011011, 01000110, 11100011

#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#cee346
```
#cee346 rgb(206,227,70)
```

Complementary Color

#4680e3
```
#4680e3 rgb(70,128,227)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#aa46e3
```
#aa46e3 rgb(170,70,227)
```

Analogous Color

#80e346
```
#80e346 rgb(128,227,70)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#e3aa46
```
#e3aa46 rgb(227,170,70)
```

Split Complementary Color

#46e35b
```
#46e35b rgb(70,227,91)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#e35b46
```
#e35b46 rgb(227,91,70)
```

Triadic Color

#46cee3
```
#46cee3 rgb(70,206,227)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#e35b46
```
#e35b46 rgb(227,91,70)
```
#cee346
```
#cee346 rgb(206,227,70)
```

Tetradic Color

#331dc0
```
#331dc0 rgb(51,29,192)
```
#3920d6
```
#3920d6 rgb(57,32,214)
```
#4730e0
```
#4730e0 rgb(71,48,224)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#6f5ce6
```
#6f5ce6 rgb(111,92,230)
```
#8272ea
```
#8272ea rgb(130,114,234)
```
#9688ed
```
#9688ed rgb(150,136,237)
```

Monochromatic Color

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

#4658e3
```
#4658e3 rgb(70,88,227)
```
#464be3
```
#464be3 rgb(70,75,227)
```
#4e46e3
```
#4e46e3 rgb(78,70,227)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#6846e3
```
#6846e3 rgb(104,70,227)
```
#7546e3
```
#7546e3 rgb(117,70,227)
```
#8246e3
```
#8246e3 rgb(130,70,227)
```

Similar Colors

Text with hexadecimal color #5b46e3

This text has a font color of #5b46e3.

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

#5b46e3 background color

This paragraph has a background color of #5b46e3.

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

#5b46e3 border color

This element has a border color of #5b46e3.

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

CSS codes

.text {color:#5b46e3;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050313
```
#050313 rgb(5,3,19)
```
#0a0624
```
#0a0624 rgb(10,6,36)
```
#0e0836
```
#0e0836 rgb(14,8,54)
```
#130b47
```
#130b47 rgb(19,11,71)
```
#170d58
```
#170d58 rgb(23,13,88)
```
#1c1069
```
#1c1069 rgb(28,16,105)
```
#20127a
```
#20127a rgb(32,18,122)
```
#25158b
```
#25158b rgb(37,21,139)
```
#29189c
```
#29189c rgb(41,24,156)
```
#2e1aad
```
#2e1aad rgb(46,26,173)
```
#321dbe
```
#321dbe rgb(50,29,190)
```
#371fcf
```
#371fcf rgb(55,31,207)
```

Shade Color Variation

#3d24de
```
#3d24de rgb(61,36,222)
```
#4c35e0
```
#4c35e0 rgb(76,53,224)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#6a57e6
```
#6a57e6 rgb(106,87,230)
```
#7968e8
```
#7968e8 rgb(121,104,232)
```
#8879eb
```
#8879eb rgb(136,121,235)
```
#978aed
```
#978aed rgb(151,138,237)
```
#a79bf0
```
#a79bf0 rgb(167,155,240)
```
#b6acf2
```
#b6acf2 rgb(182,172,242)
```
#c5bdf5
```
#c5bdf5 rgb(197,189,245)
```
#d4cef8
```
#d4cef8 rgb(212,206,248)
```
#e3dffa
```
#e3dffa rgb(227,223,250)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#919099
```
#919099 rgb(145,144,153)
```
#8b88a1
```
#8b88a1 rgb(139,136,161)
```
#857faa
```
#857faa rgb(133,127,170)
```
#7f77b2
```
#7f77b2 rgb(127,119,178)
```
#796fba
```
#796fba rgb(121,111,186)
```
#7367c2
```
#7367c2 rgb(115,103,194)
```
#6d5fca
```
#6d5fca rgb(109,95,202)
```
#6756d3
```
#6756d3 rgb(103,86,211)
```
#614edb
```
#614edb rgb(97,78,219)
```
#5b46e3
```
#5b46e3 rgb(91,70,227)
```
#553eeb
```
#553eeb rgb(85,62,235)
```
#4f36f3
```
#4f36f3 rgb(79,54,243)
```
#492dfc
```
#492dfc rgb(73,45,252)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5d5979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#0f747c Tritanopia 0.001% of the population

Trichromacy

#215ad2 Protanomaly 1% of men, 0.01% of women
#215ec1 Deuteranomaly 6% of men, 0.4% of women
#2a63a1 Tritanomaly 0.01% of the population

#5b46e3 hex color

#5b46e3 Color Information

#5b46e3 Color Conversion

Color Schemes with #5b46e3

Alternatives to #5b46e3

#5b46e3 Preview

Shades and Tints of #5b46e3

Tones of #5b46e3

Color Blindness Simulator