colorhexa.com

#5142e4 hex color

In a RGB color space, hex #5142e4 is composed of 31.8% red, 25.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 71.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 245.6 degrees, a saturation of 75% and a lightness of 57.6%. #5142e4 color hex could be obtained by blending #a284ff with #0000c9. Closest websafe color is: #6633cc.

- R 32
- G 26
- B 89
RGB color chart
- C 64
- M 71
- Y 0
- K 11
CMYK color chart

● #5142e4 color description : Bright blue.

The hexadecimal color #5142e4 has RGB values of R:81, G:66, B:228 and CMYK values of C:0.64, M:0.71, Y:0, K:0.11. Its decimal value is 5325540.

Hex triplet	5142e4	`#5142e4`
RGB Decimal	81, 66, 228	`rgb(81,66,228)`
RGB Percent	31.8, 25.9, 89.4	`rgb(31.8%,25.9%,89.4%)`
CMYK	64, 71, 0, 11
HSL	245.6°, 75, 57.6	`hsl(245.6,75%,57.6%)`
HSV (or HSB)	245.6°, 71.1, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.992, 52.754, -79.734
XYZ	19.342, 11.246, 74.546
xyY	0.184, 0.107, 11.246
CIE-LCH	39.992, 95.606, 303.489
CIE-LUV	39.992, -5.148, -115.662
Hunter-Lab	33.536, 44.267, -108.321
Binary	01010001, 01000010, 11100100

#5142e4
```
#5142e4 rgb(81,66,228)
```
#d5e442
```
#d5e442 rgb(213,228,66)
```

Complementary Color

#4284e4
```
#4284e4 rgb(66,132,228)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#a242e4
```
#a242e4 rgb(162,66,228)
```

Analogous Color

#84e442
```
#84e442 rgb(132,228,66)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#e4a242
```
#e4a242 rgb(228,162,66)
```

Split Complementary Color

#42e451
```
#42e451 rgb(66,228,81)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#e45142
```
#e45142 rgb(228,81,66)
```

Triadic Color

#42d5e4
```
#42d5e4 rgb(66,213,228)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#e45142
```
#e45142 rgb(228,81,66)
```
#d5e442
```
#d5e442 rgb(213,228,66)
```

Tetradic Color

#2a1bbe
```
#2a1bbe rgb(42,27,190)
```
#2f1ed5
```
#2f1ed5 rgb(47,30,213)
```
#3c2ce1
```
#3c2ce1 rgb(60,44,225)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#6658e7
```
#6658e7 rgb(102,88,231)
```
#7a6fea
```
#7a6fea rgb(122,111,234)
```
#8f85ee
```
#8f85ee rgb(143,133,238)
```

Monochromatic Color

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

#425ce4
```
#425ce4 rgb(66,92,228)
```
#424ee4
```
#424ee4 rgb(66,78,228)
```
#4442e4
```
#4442e4 rgb(68,66,228)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#5f42e4
```
#5f42e4 rgb(95,66,228)
```
#6c42e4
```
#6c42e4 rgb(108,66,228)
```
#7a42e4
```
#7a42e4 rgb(122,66,228)
```

Similar Colors

Text with hexadecimal color #5142e4

This text has a font color of #5142e4.

<span style="color:#5142e4;">Text here</span>

#5142e4 background color

This paragraph has a background color of #5142e4.

<p style="background-color:#5142e4;">Content here</p>

#5142e4 border color

This element has a border color of #5142e4.

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

CSS codes

.text {color:#5142e4;}

.background {background-color:#5142e4;}

.border {border:1px solid #5142e4;}

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

#040211
```
#040211 rgb(4,2,17)
```
#080522
```
#080522 rgb(8,5,34)
```
#0b0733
```
#0b0733 rgb(11,7,51)
```
#0f0a44
```
#0f0a44 rgb(15,10,68)
```
#130c56
```
#130c56 rgb(19,12,86)
```
#170f67
```
#170f67 rgb(23,15,103)
```
#1b1178
```
#1b1178 rgb(27,17,120)
```
#1e1489
```
#1e1489 rgb(30,20,137)
```
#22169a
```
#22169a rgb(34,22,154)
```
#2618ab
```
#2618ab rgb(38,24,171)
```
#2a1bbd
```
#2a1bbd rgb(42,27,189)
```
#2e1dce
```
#2e1dce rgb(46,29,206)
```
#3220df
```
#3220df rgb(50,32,223)
```

Shade Color Variation

#4131e2
```
#4131e2 rgb(65,49,226)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#6153e6
```
#6153e6 rgb(97,83,230)
```
#7164e9
```
#7164e9 rgb(113,100,233)
```
#8075eb
```
#8075eb rgb(128,117,235)
```
#9087ee
```
#9087ee rgb(144,135,238)
```
#a098f0
```
#a098f0 rgb(160,152,240)
```
#b0a9f3
```
#b0a9f3 rgb(176,169,243)
```
#c0baf5
```
#c0baf5 rgb(192,186,245)
```
#cfcbf8
```
#cfcbf8 rgb(207,203,248)
```
#dfdcfa
```
#dfdcfa rgb(223,220,250)
```
#efeefd
```
#efeefd rgb(239,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d99 is the less saturated color, while #3d29fd is the most saturated one.

#8e8d99
```
#8e8d99 rgb(142,141,153)
```
#8784a2
```
#8784a2 rgb(135,132,162)
```
#807caa
```
#807caa rgb(128,124,170)
```
#7a74b2
```
#7a74b2 rgb(122,116,178)
```
#736cba
```
#736cba rgb(115,108,186)
```
#6c63c3
```
#6c63c3 rgb(108,99,195)
```
#655bcb
```
#655bcb rgb(101,91,203)
```
#5f53d3
```
#5f53d3 rgb(95,83,211)
```
#584adc
```
#584adc rgb(88,74,220)
```
#5142e4
```
#5142e4 rgb(81,66,228)
```
#4a3aec
```
#4a3aec rgb(74,58,236)
```
#4331f5
```
#4331f5 rgb(67,49,245)
```
#3d29fd
```
#3d29fd rgb(61,41,253)
```

Tone Color Variation

Below, you can see how #5142e4 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

#595959 Achromatopsia 0.005% of the population
#575475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1d57ce Protanomaly 1% of men, 0.01% of women
#1d5bbe Deuteranomaly 6% of men, 0.4% of women
#1d5f9f Tritanomaly 0.01% of the population