colorhexa.com

#5a42e7 hex color

In a RGB color space, hex #5a42e7 is composed of 35.3% red, 25.9% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 71.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 248.7 degrees, a saturation of 77.5% and a lightness of 58.2%. #5a42e7 color hex could be obtained by blending #b484ff with #0000cf. Closest websafe color is: #6633ff.

- R 35
- G 26
- B 91
RGB color chart
- C 61
- M 71
- Y 0
- K 9
CMYK color chart

● #5a42e7 color description : Bright blue.

The hexadecimal color #5a42e7 has RGB values of R:90, G:66, B:231 and CMYK values of C:0.61, M:0.71, Y:0, K:0.09. Its decimal value is 5915367.

Hex triplet	5a42e7	`#5a42e7`
RGB Decimal	90, 66, 231	`rgb(90,66,231)`
RGB Percent	35.3, 25.9, 90.6	`rgb(35.3%,25.9%,90.6%)`
CMYK	61, 71, 0, 9
HSL	248.7°, 77.5, 58.2	`hsl(248.7,77.5%,58.2%)`
HSV (or HSB)	248.7°, 71.4, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.959, 54.758, -79.825
XYZ	20.586, 11.839, 76.797
xyY	0.188, 0.108, 11.839
CIE-LCH	40.959, 96.801, 304.45
CIE-LUV	40.959, -3.036, -116.99
Hunter-Lab	34.408, 46.582, -108.249
Binary	01011010, 01000010, 11100111

#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#cfe742
```
#cfe742 rgb(207,231,66)
```

Complementary Color

#427de7
```
#427de7 rgb(66,125,231)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#ad42e7
```
#ad42e7 rgb(173,66,231)
```

Analogous Color

#7de742
```
#7de742 rgb(125,231,66)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#e7ad42
```
#e7ad42 rgb(231,173,66)
```

Split Complementary Color

#42e75a
```
#42e75a rgb(66,231,90)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#e75a42
```
#e75a42 rgb(231,90,66)
```

Triadic Color

#42cfe7
```
#42cfe7 rgb(66,207,231)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#e75a42
```
#e75a42 rgb(231,90,66)
```
#cfe742
```
#cfe742 rgb(207,231,66)
```

Tetradic Color

#3219c4
```
#3219c4 rgb(50,25,196)
```
#371cda
```
#371cda rgb(55,28,218)
```
#462be4
```
#462be4 rgb(70,43,228)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#6e59ea
```
#6e59ea rgb(110,89,234)
```
#826fed
```
#826fed rgb(130,111,237)
```
#9586f0
```
#9586f0 rgb(149,134,240)
```

Monochromatic Color

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

#4253e7
```
#4253e7 rgb(66,83,231)
```
#4246e7
```
#4246e7 rgb(66,70,231)
```
#4c42e7
```
#4c42e7 rgb(76,66,231)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#6842e7
```
#6842e7 rgb(104,66,231)
```
#7642e7
```
#7642e7 rgb(118,66,231)
```
#8342e7
```
#8342e7 rgb(131,66,231)
```

Similar Colors

Text with hexadecimal color #5a42e7

This text has a font color of #5a42e7.

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

#5a42e7 background color

This paragraph has a background color of #5a42e7.

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

#5a42e7 border color

This element has a border color of #5a42e7.

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

CSS codes

.text {color:#5a42e7;}

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

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

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)
```
#050314
```
#050314 rgb(5,3,20)
```
#090525
```
#090525 rgb(9,5,37)
```
#0e0737
```
#0e0737 rgb(14,7,55)
```
#120948
```
#120948 rgb(18,9,72)
```
#170b59
```
#170b59 rgb(23,11,89)
```
#1b0e6b
```
#1b0e6b rgb(27,14,107)
```
#20107c
```
#20107c rgb(32,16,124)
```
#24128e
```
#24128e rgb(36,18,142)
```
#28149f
```
#28149f rgb(40,20,159)
```
#2d16b1
```
#2d16b1 rgb(45,22,177)
```
#3119c2
```
#3119c2 rgb(49,25,194)
```
#361bd3
```
#361bd3 rgb(54,27,211)
```

Shade Color Variation

#3c1fe3
```
#3c1fe3 rgb(60,31,227)
```
#4b31e5
```
#4b31e5 rgb(75,49,229)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#6953e9
```
#6953e9 rgb(105,83,233)
```
#7865eb
```
#7865eb rgb(120,101,235)
```
#8876ee
```
#8876ee rgb(136,118,238)
```
#9788f0
```
#9788f0 rgb(151,136,240)
```
#a699f2
```
#a699f2 rgb(166,153,242)
```
#b5aaf4
```
#b5aaf4 rgb(181,170,244)
```
#c4bcf6
```
#c4bcf6 rgb(196,188,246)
```
#d4cdf9
```
#d4cdf9 rgb(212,205,249)
```
#e3dffb
```
#e3dffb rgb(227,223,251)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#949495
```
#949495 rgb(148,148,149)
```
#8e8c9d
```
#8e8c9d rgb(142,140,157)
```
#8884a5
```
#8884a5 rgb(136,132,165)
```
#837bae
```
#837bae rgb(131,123,174)
```
#7d73b6
```
#7d73b6 rgb(125,115,182)
```
#776bbe
```
#776bbe rgb(119,107,190)
```
#7163c6
```
#7163c6 rgb(113,99,198)
```
#6b5bce
```
#6b5bce rgb(107,91,206)
```
#6652d7
```
#6652d7 rgb(102,82,215)
```
#604adf
```
#604adf rgb(96,74,223)
```
#5a42e7
```
#5a42e7 rgb(90,66,231)
```
#543aef
```
#543aef rgb(84,58,239)
```
#4e32f7
```
#4e32f7 rgb(78,50,247)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5c5778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#2058d2 Protanomaly 1% of men, 0.01% of women
#205cc1 Deuteranomaly 6% of men, 0.4% of women
#2061a2 Tritanomaly 0.01% of the population