#5a46ed hex color

In a RGB color space, hex #5a46ed is composed of 35.3% red, 27.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 70.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 247.2 degrees, a saturation of 82.3% and a lightness of 60.2%. #5a46ed color hex could be obtained by blending #b48cff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 27
- B 93
RGB color chart
- C 62
- M 70
- Y 0
- K 7
CMYK color chart

● #5a46ed color description : Bright blue.

The hexadecimal color #5a46ed has RGB values of R:90, G:70, B:237 and CMYK values of C:0.62, M:0.7, Y:0, K:0.07. Its decimal value is 5916397.

Hex triplet	5a46ed	`#5a46ed`
RGB Decimal	90, 70, 237	`rgb(90,70,237)`
RGB Percent	35.3, 27.5, 92.9	`rgb(35.3%,27.5%,92.9%)`
CMYK	62, 70, 0, 7
HSL	247.2°, 82.3, 60.2	`hsl(247.2,82.3%,60.2%)`
HSV (or HSB)	247.2°, 70.5, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.258, 54.433, -81.086
XYZ	21.69, 12.667, 81.418
xyY	0.187, 0.109, 12.667
CIE-LCH	42.258, 97.663, 303.874
CIE-LUV	42.258, -4.154, -119.922
Hunter-Lab	35.591, 46.495, -110.717
Binary	01011010, 01000110, 11101101

#5a46ed
```
#5a46ed rgb(90,70,237)
```
#d9ed46
```
#d9ed46 rgb(217,237,70)
```

Complementary Color

#4686ed
```
#4686ed rgb(70,134,237)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#ae46ed
```
#ae46ed rgb(174,70,237)
```

Analogous Color

#86ed46
```
#86ed46 rgb(134,237,70)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#edae46
```
#edae46 rgb(237,174,70)
```

Split Complementary Color

#46ed5a
```
#46ed5a rgb(70,237,90)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#ed5a46
```
#ed5a46 rgb(237,90,70)
```

Triadic Color

#46d9ed
```
#46d9ed rgb(70,217,237)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#ed5a46
```
#ed5a46 rgb(237,90,70)
```
#d9ed46
```
#d9ed46 rgb(217,237,70)
```

Tetradic Color

#2b14d2
```
#2b14d2 rgb(43,20,210)
```
#3118e8
```
#3118e8 rgb(49,24,232)
```
#452feb
```
#452feb rgb(69,47,235)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#6f5def
```
#6f5def rgb(111,93,239)
```
#8374f2
```
#8374f2 rgb(131,116,242)
```
#988cf4
```
#988cf4 rgb(152,140,244)
```

Monochromatic Color

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

#465ced
```
#465ced rgb(70,92,237)
```
#464eed
```
#464eed rgb(70,78,237)
```
#4c46ed
```
#4c46ed rgb(76,70,237)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#6846ed
```
#6846ed rgb(104,70,237)
```
#7646ed
```
#7646ed rgb(118,70,237)
```
#8446ed
```
#8446ed rgb(132,70,237)
```

Similar Colors

Text with hexadecimal color #5a46ed

This text has a font color of #5a46ed.

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

#5a46ed background color

This paragraph has a background color of #5a46ed.

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

#5a46ed border color

This element has a border color of #5a46ed.

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

CSS codes

.text {color:#5a46ed;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#06031e
```
#06031e rgb(6,3,30)
```
#0a052f
```
#0a052f rgb(10,5,47)
```
#0d0641
```
#0d0641 rgb(13,6,65)
```
#110853
```
#110853 rgb(17,8,83)
```
#150a65
```
#150a65 rgb(21,10,101)
```
#180c77
```
#180c77 rgb(24,12,119)
```
#1c0d89
```
#1c0d89 rgb(28,13,137)
```
#200f9b
```
#200f9b rgb(32,15,155)
```
#2311ad
```
#2311ad rgb(35,17,173)
```
#2713be
```
#2713be rgb(39,19,190)
```
#2b14d0
```
#2b14d0 rgb(43,20,208)
```
#2e16e2
```
#2e16e2 rgb(46,22,226)
```

Shade Color Variation

#3a22ea
```
#3a22ea rgb(58,34,234)
```
#4a34eb
```
#4a34eb rgb(74,52,235)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#6a58ef
```
#6a58ef rgb(106,88,239)
```
#7a6af0
```
#7a6af0 rgb(122,106,240)
```
#8a7cf2
```
#8a7cf2 rgb(138,124,242)
```
#9a8ef4
```
#9a8ef4 rgb(154,142,244)
```
#aa9ff6
```
#aa9ff6 rgb(170,159,246)
```
#bab1f7
```
#bab1f7 rgb(186,177,247)
```
#cac3f9
```
#cac3f9 rgb(202,195,249)
```
#dad5fb
```
#dad5fb rgb(218,213,251)
```
#e9e7fd
```
#e9e7fd rgb(233,231,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95949f is the less saturated color, while #4e36fd is the most saturated one.

#95949f
```
#95949f rgb(149,148,159)
```
#8f8ca7
```
#8f8ca7 rgb(143,140,167)
```
#8a84af
```
#8a84af rgb(138,132,175)
```
#847db6
```
#847db6 rgb(132,125,182)
```
#7e75be
```
#7e75be rgb(126,117,190)
```
#786dc6
```
#786dc6 rgb(120,109,198)
```
#7265ce
```
#7265ce rgb(114,101,206)
```
#6c5dd6
```
#6c5dd6 rgb(108,93,214)
```
#6656dd
```
#6656dd rgb(102,86,221)
```
#604ee5
```
#604ee5 rgb(96,78,229)
```
#5a46ed
```
#5a46ed rgb(90,70,237)
```
#543ef5
```
#543ef5 rgb(84,62,245)
```
#4e36fd
```
#4e36fd rgb(78,54,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#205cd7 Protanomaly 1% of men, 0.01% of women
#205fc7 Deuteranomaly 6% of men, 0.4% of women
#2064a6 Tritanomaly 0.01% of the population

#5a46ed hex color

#5a46ed Color Information

#5a46ed Color Conversion

Color Schemes with #5a46ed

Alternatives to #5a46ed

#5a46ed Preview

Shades and Tints of #5a46ed

Tones of #5a46ed

Color Blindness Simulator