#5022de hex color

In a RGB color space, hex #5022de is composed of 31.4% red, 13.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 84.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 254.7 degrees, a saturation of 74% and a lightness of 50.2%. #5022de color hex could be obtained by blending #a044ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 13
- B 87
RGB color chart
- C 64
- M 85
- Y 0
- K 13
CMYK color chart

● #5022de color description : Bright blue.

The hexadecimal color #5022de has RGB values of R:80, G:34, B:222 and CMYK values of C:0.64, M:0.85, Y:0, K:0.13. Its decimal value is 5251806.

Hex triplet	5022de	`#5022de`
RGB Decimal	80, 34, 222	`rgb(80,34,222)`
RGB Percent	31.4, 13.3, 87.1	`rgb(31.4%,13.3%,87.1%)`
CMYK	64, 85, 0, 13
HSL	254.7°, 74, 50.2	`hsl(254.7,74%,50.2%)`
HSV (or HSB)	254.7°, 84.7, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.237, 65.518, -85.81
XYZ	17.063, 8.123, 69.772
xyY	0.18, 0.086, 8.123
CIE-LCH	34.237, 107.963, 307.363
CIE-LUV	34.237, -0.82, -115.009
Hunter-Lab	28.501, 56.988, -125.197
Binary	01010000, 00100010, 11011110

#5022de
```
#5022de rgb(80,34,222)
```
#b0de22
```
#b0de22 rgb(176,222,34)
```

Complementary Color

#2252de
```
#2252de rgb(34,82,222)
```
#5022de
```
#5022de rgb(80,34,222)
```
#ae22de
```
#ae22de rgb(174,34,222)
```

Analogous Color

#52de22
```
#52de22 rgb(82,222,34)
```
#5022de
```
#5022de rgb(80,34,222)
```
#deae22
```
#deae22 rgb(222,174,34)
```

Split Complementary Color

#22de50
```
#22de50 rgb(34,222,80)
```
#5022de
```
#5022de rgb(80,34,222)
```
#de5022
```
#de5022 rgb(222,80,34)
```

Triadic Color

#22b0de
```
#22b0de rgb(34,176,222)
```
#5022de
```
#5022de rgb(80,34,222)
```
#de5022
```
#de5022 rgb(222,80,34)
```
#b0de22
```
#b0de22 rgb(176,222,34)
```

Tetradic Color

#38179c
```
#38179c rgb(56,23,156)
```
#401bb2
```
#401bb2 rgb(64,27,178)
```
#481ec9
```
#481ec9 rgb(72,30,201)
```
#5022de
```
#5022de rgb(80,34,222)
```
#6238e1
```
#6238e1 rgb(98,56,225)
```
#734ee5
```
#734ee5 rgb(115,78,229)
```
#8565e8
```
#8565e8 rgb(133,101,232)
```

Monochromatic Color

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

#2223de
```
#2223de rgb(34,35,222)
```
#3122de
```
#3122de rgb(49,34,222)
```
#4022de
```
#4022de rgb(64,34,222)
```
#5022de
```
#5022de rgb(80,34,222)
```
#6022de
```
#6022de rgb(96,34,222)
```
#6f22de
```
#6f22de rgb(111,34,222)
```
#7f22de
```
#7f22de rgb(127,34,222)
```

Similar Colors

Text with hexadecimal color #5022de

This text has a font color of #5022de.

<span style="color:#5022de;">Text here</span>

#5022de background color

This paragraph has a background color of #5022de.

<p style="background-color:#5022de;">Content here</p>

#5022de border color

This element has a border color of #5022de.

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

CSS codes

.text {color:#5022de;}

.background {background-color:#5022de;}

.border {border:1px solid #5022de;}

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

#000001
```
#000001 rgb(0,0,1)
```
#060312
```
#060312 rgb(6,3,18)
```
#0d0523
```
#0d0523 rgb(13,5,35)
```
#130834
```
#130834 rgb(19,8,52)
```
#190a45
```
#190a45 rgb(25,10,69)
```
#1f0d56
```
#1f0d56 rgb(31,13,86)
```
#250f67
```
#250f67 rgb(37,15,103)
```
#2b1278
```
#2b1278 rgb(43,18,120)
```
#311589
```
#311589 rgb(49,21,137)
```
#37179a
```
#37179a rgb(55,23,154)
```
#3d1aac
```
#3d1aac rgb(61,26,172)
```
#431cbd
```
#431cbd rgb(67,28,189)
```
#4a1fce
```
#4a1fce rgb(74,31,206)
```

Shade Color Variation

#5022de
```
#5022de rgb(80,34,222)
```
#5e33e1
```
#5e33e1 rgb(94,51,225)
```
#6b44e3
```
#6b44e3 rgb(107,68,227)
```
#7955e6
```
#7955e6 rgb(121,85,230)
```
#8666e8
```
#8666e8 rgb(134,102,232)
```
#9477eb
```
#9477eb rgb(148,119,235)
```
#a188ed
```
#a188ed rgb(161,136,237)
```
#af99f0
```
#af99f0 rgb(175,153,240)
```
#bcabf2
```
#bcabf2 rgb(188,171,242)
```
#cabcf5
```
#cabcf5 rgb(202,188,245)
```
#d7cdf7
```
#d7cdf7 rgb(215,205,247)
```
#e5defa
```
#e5defa rgb(229,222,250)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7a86 is the less saturated color, while #4105fb is the most saturated one.

#7d7a86
```
#7d7a86 rgb(125,122,134)
```
#787090
```
#787090 rgb(120,112,144)
```
#73669a
```
#73669a rgb(115,102,154)
```
#6e5da3
```
#6e5da3 rgb(110,93,163)
```
#6953ad
```
#6953ad rgb(105,83,173)
```
#6449b7
```
#6449b7 rgb(100,73,183)
```
#5f3fc1
```
#5f3fc1 rgb(95,63,193)
```
#5a36ca
```
#5a36ca rgb(90,54,202)
```
#552cd4
```
#552cd4 rgb(85,44,212)
```
#5022de
```
#5022de rgb(80,34,222)
```
#4b18e8
```
#4b18e8 rgb(75,24,232)
```
#460ef2
```
#460ef2 rgb(70,14,242)
```
#4105fb
```
#4105fb rgb(65,5,251)
```

Tone Color Variation

Below, you can see how #5022de 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

#454545 Achromatopsia 0.005% of the population
#473e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1d43bc Protanomaly 1% of men, 0.01% of women
#1d47ad Deuteranomaly 6% of men, 0.4% of women
#1d4a93 Tritanomaly 0.01% of the population

#5022de hex color

#5022de Color Information

#5022de Color Conversion

Color Schemes with #5022de

Alternatives to #5022de

#5022de Preview

Shades and Tints of #5022de

Tones of #5022de

Color Blindness Simulator