#5a46b3 hex color

In a RGB color space, hex #5a46b3 is composed of 35.3% red, 27.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 60.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 251 degrees, a saturation of 43.8% and a lightness of 48.8%. #5a46b3 color hex could be obtained by blending #b48cff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 27
- B 70
RGB color chart
- C 50
- M 61
- Y 0
- K 30
CMYK color chart

● #5a46b3 color description : Moderate blue.

The hexadecimal color #5a46b3 has RGB values of R:90, G:70, B:179 and CMYK values of C:0.5, M:0.61, Y:0, K:0.3. Its decimal value is 5916339.

Hex triplet	5a46b3	`#5a46b3`
RGB Decimal	90, 70, 179	`rgb(90,70,179)`
RGB Percent	35.3, 27.5, 70.2	`rgb(35.3%,27.5%,70.2%)`
CMYK	50, 61, 0, 30
HSL	251°, 43.8, 48.8	`hsl(251,43.8%,48.8%)`
HSV (or HSB)	251°, 60.9, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.496, 36.835, -55.373
XYZ	14.542, 9.808, 43.772
xyY	0.213, 0.144, 9.808
CIE-LCH	37.496, 66.505, 303.632
CIE-LUV	37.496, 0.338, -81.424
Hunter-Lab	31.318, 28.075, -60.945
Binary	01011010, 01000110, 10110011

#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#9fb346
```
#9fb346 rgb(159,179,70)
```

Complementary Color

#4669b3
```
#4669b3 rgb(70,105,179)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#9146b3
```
#9146b3 rgb(145,70,179)
```

Analogous Color

#69b346
```
#69b346 rgb(105,179,70)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#b39146
```
#b39146 rgb(179,145,70)
```

Split Complementary Color

#46b35a
```
#46b35a rgb(70,179,90)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#b35a46
```
#b35a46 rgb(179,90,70)
```

Triadic Color

#469fb3
```
#469fb3 rgb(70,159,179)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#b35a46
```
#b35a46 rgb(179,90,70)
```
#9fb346
```
#9fb346 rgb(159,179,70)
```

Tetradic Color

#3e307c
```
#3e307c rgb(62,48,124)
```
#48388e
```
#48388e rgb(72,56,142)
```
#513fa1
```
#513fa1 rgb(81,63,161)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#6956bd
```
#6956bd rgb(105,86,189)
```
#7968c4
```
#7968c4 rgb(121,104,196)
```
#897acb
```
#897acb rgb(137,122,203)
```

Monochromatic Color

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

#464db3
```
#464db3 rgb(70,77,179)
```
#4846b3
```
#4846b3 rgb(72,70,179)
```
#5146b3
```
#5146b3 rgb(81,70,179)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#6346b3
```
#6346b3 rgb(99,70,179)
```
#6c46b3
```
#6c46b3 rgb(108,70,179)
```
#7546b3
```
#7546b3 rgb(117,70,179)
```

Similar Colors

Text with hexadecimal color #5a46b3

This text has a font color of #5a46b3.

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

#5a46b3 background color

This paragraph has a background color of #5a46b3.

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

#5a46b3 border color

This element has a border color of #5a46b3.

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

CSS codes

.text {color:#5a46b3;}

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

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

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

#05040a
```
#05040a rgb(5,4,10)
```
#0c0918
```
#0c0918 rgb(12,9,24)
```
#130f26
```
#130f26 rgb(19,15,38)
```
#1a1434
```
#1a1434 rgb(26,20,52)
```
#211a42
```
#211a42 rgb(33,26,66)
```
#281f50
```
#281f50 rgb(40,31,80)
```
#2f255e
```
#2f255e rgb(47,37,94)
```
#372a6c
```
#372a6c rgb(55,42,108)
```
#3e307b
```
#3e307b rgb(62,48,123)
```
#453589
```
#453589 rgb(69,53,137)
```
#4c3b97
```
#4c3b97 rgb(76,59,151)
```
#5340a5
```
#5340a5 rgb(83,64,165)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```

Shade Color Variation

#6551bb
```
#6551bb rgb(101,81,187)
```
#7160c1
```
#7160c1 rgb(113,96,193)
```
#7e6ec6
```
#7e6ec6 rgb(126,110,198)
```
#8a7ccc
```
#8a7ccc rgb(138,124,204)
```
#978ad1
```
#978ad1 rgb(151,138,209)
```
#a398d7
```
#a398d7 rgb(163,152,215)
```
#b0a6dc
```
#b0a6dc rgb(176,166,220)
```
#bdb4e2
```
#bdb4e2 rgb(189,180,226)
```
#c9c2e7
```
#c9c2e7 rgb(201,194,231)
```
#d6d0ed
```
#d6d0ed rgb(214,208,237)
```
#e2def2
```
#e2def2 rgb(226,222,242)
```
#efedf8
```
#efedf8 rgb(239,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#787683
```
#787683 rgb(120,118,131)
```
#726c8d
```
#726c8d rgb(114,108,141)
```
#6c6396
```
#6c6396 rgb(108,99,150)
```
#6659a0
```
#6659a0 rgb(102,89,160)
```
#6050a9
```
#6050a9 rgb(96,80,169)
```
#5a46b3
```
#5a46b3 rgb(90,70,179)
```
#543cbd
```
#543cbd rgb(84,60,189)
```
#4e33c6
```
#4e33c6 rgb(78,51,198)
```
#4829d0
```
#4829d0 rgb(72,41,208)
```
#4220d9
```
#4220d9 rgb(66,32,217)
```
#3c16e3
```
#3c16e3 rgb(60,22,227)
```
#360dec
```
#360dec rgb(54,13,236)
```
#3003f6
```
#3003f6 rgb(48,3,246)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#58546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db8 Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#46656d Tritanopia 0.001% of the population

Trichromacy

#2055b6 Protanomaly 1% of men, 0.01% of women
#2058a8 Deuteranomaly 6% of men, 0.4% of women
#4d5a86 Tritanomaly 0.01% of the population

#5a46b3 hex color

#5a46b3 Color Information

#5a46b3 Color Conversion

Color Schemes with #5a46b3

Alternatives to #5a46b3

#5a46b3 Preview

Shades and Tints of #5a46b3

Tones of #5a46b3

Color Blindness Simulator