#5045e8 hex color

In a RGB color space, hex #5045e8 is composed of 31.4% red, 27.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 70.3% magenta, 0% yellow and 9% black. It has a hue angle of 244 degrees, a saturation of 78% and a lightness of 59%. #5045e8 color hex could be obtained by blending #a08aff with #0000d1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 27
- B 91
RGB color chart
- C 66
- M 70
- Y 0
- K 9
CMYK color chart

● #5045e8 color description : Bright blue.

The hexadecimal color #5045e8 has RGB values of R:80, G:69, B:232 and CMYK values of C:0.66, M:0.7, Y:0, K:0.09. Its decimal value is 5260776.

Hex triplet	5045e8	`#5045e8`
RGB Decimal	80, 69, 232	`rgb(80,69,232)`
RGB Percent	31.4, 27.1, 91	`rgb(31.4%,27.1%,91%)`
CMYK	66, 70, 0, 9
HSL	244°, 78, 59	`hsl(244,78%,59%)`
HSV (or HSB)	244°, 70.3, 91
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.875, 52.237, -80.556
XYZ	19.999, 11.787, 77.561
xyY	0.183, 0.108, 11.787
CIE-LCH	40.875, 96.011, 302.962
CIE-LUV	40.875, -6.153, -117.614
Hunter-Lab	34.332, 43.898, -109.911
Binary	01010000, 01000101, 11101000

#5045e8
```
#5045e8 rgb(80,69,232)
```
#dde845
```
#dde845 rgb(221,232,69)
```

Complementary Color

#458ce8
```
#458ce8 rgb(69,140,232)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#a245e8
```
#a245e8 rgb(162,69,232)
```

Analogous Color

#8ce845
```
#8ce845 rgb(140,232,69)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#e8a245
```
#e8a245 rgb(232,162,69)
```

Split Complementary Color

#45e850
```
#45e850 rgb(69,232,80)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#e85045
```
#e85045 rgb(232,80,69)
```

Triadic Color

#45dde8
```
#45dde8 rgb(69,221,232)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#e85045
```
#e85045 rgb(232,80,69)
```
#dde845
```
#dde845 rgb(221,232,69)
```

Tetradic Color

#2519c8
```
#2519c8 rgb(37,25,200)
```
#291cde
```
#291cde rgb(41,28,222)
```
#3b2ee5
```
#3b2ee5 rgb(59,46,229)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#655ceb
```
#655ceb rgb(101,92,235)
```
#7b72ee
```
#7b72ee rgb(123,114,238)
```
#9089f0
```
#9089f0 rgb(144,137,240)
```

Monochromatic Color

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

#4563e8
```
#4563e8 rgb(69,99,232)
```
#4555e8
```
#4555e8 rgb(69,85,232)
```
#4548e8
```
#4548e8 rgb(69,72,232)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#5e45e8
```
#5e45e8 rgb(94,69,232)
```
#6b45e8
```
#6b45e8 rgb(107,69,232)
```
#7945e8
```
#7945e8 rgb(121,69,232)
```

Similar Colors

Text with hexadecimal color #5045e8

This text has a font color of #5045e8.

<span style="color:#5045e8;">Text here</span>

#5045e8 background color

This paragraph has a background color of #5045e8.

<p style="background-color:#5045e8;">Content here</p>

#5045e8 border color

This element has a border color of #5045e8.

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

CSS codes

.text {color:#5045e8;}

.background {background-color:#5045e8;}

.border {border:1px solid #5045e8;}

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

#010106
```
#010106 rgb(1,1,6)
```
#040317
```
#040317 rgb(4,3,23)
```
#070529
```
#070529 rgb(7,5,41)
```
#0b073a
```
#0b073a rgb(11,7,58)
```
#0e094c
```
#0e094c rgb(14,9,76)
```
#110c5d
```
#110c5d rgb(17,12,93)
```
#140e6f
```
#140e6f rgb(20,14,111)
```
#171080
```
#171080 rgb(23,16,128)
```
#1b1292
```
#1b1292 rgb(27,18,146)
```
#1e14a3
```
#1e14a3 rgb(30,20,163)
```
#2116b5
```
#2116b5 rgb(33,22,181)
```
#2418c6
```
#2418c6 rgb(36,24,198)
```
#271bd8
```
#271bd8 rgb(39,27,216)
```

Shade Color Variation

#2f22e4
```
#2f22e4 rgb(47,34,228)
```
#4034e6
```
#4034e6 rgb(64,52,230)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#6056ea
```
#6056ea rgb(96,86,234)
```
#7168ec
```
#7168ec rgb(113,104,236)
```
#8179ee
```
#8179ee rgb(129,121,238)
```
#928bf1
```
#928bf1 rgb(146,139,241)
```
#a29cf3
```
#a29cf3 rgb(162,156,243)
```
#b3aef5
```
#b3aef5 rgb(179,174,245)
```
#c3bff7
```
#c3bff7 rgb(195,191,247)
```
#d3d1f9
```
#d3d1f9 rgb(211,209,249)
```
#e4e2fb
```
#e4e2fb rgb(228,226,251)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#969598
```
#969598 rgb(150,149,152)
```
#8f8da0
```
#8f8da0 rgb(143,141,160)
```
#8885a8
```
#8885a8 rgb(136,133,168)
```
#817db0
```
#817db0 rgb(129,125,176)
```
#7a75b8
```
#7a75b8 rgb(122,117,184)
```
#736dc0
```
#736dc0 rgb(115,109,192)
```
#6c65c8
```
#6c65c8 rgb(108,101,200)
```
#655dd0
```
#655dd0 rgb(101,93,208)
```
#5e55d8
```
#5e55d8 rgb(94,85,216)
```
#574de0
```
#574de0 rgb(87,77,224)
```
#5045e8
```
#5045e8 rgb(80,69,232)
```
#493df0
```
#493df0 rgb(73,61,240)
```
#4235f8
```
#4235f8 rgb(66,53,248)
```

Tone Color Variation

Below, you can see how #5045e8 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

#5b5b5b Achromatopsia 0.005% of the population
#595777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1d59d2 Protanomaly 1% of men, 0.01% of women
#1d5dc1 Deuteranomaly 6% of men, 0.4% of women
#1d62a2 Tritanomaly 0.01% of the population

#5045e8 hex color

#5045e8 Color Information

#5045e8 Color Conversion

Color Schemes with #5045e8

Alternatives to #5045e8

#5045e8 Preview

Shades and Tints of #5045e8

Tones of #5045e8

Color Blindness Simulator