#502de0 hex color

In a RGB color space, hex #502de0 is composed of 31.4% red, 17.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 79.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 251.7 degrees, a saturation of 74.3% and a lightness of 52.7%. #502de0 color hex could be obtained by blending #a05aff with #0000c1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 88
RGB color chart
- C 64
- M 80
- Y 0
- K 12
CMYK color chart

● #502de0 color description : Bright blue.

The hexadecimal color #502de0 has RGB values of R:80, G:45, B:224 and CMYK values of C:0.64, M:0.8, Y:0, K:0.12. Its decimal value is 5254624.

Hex triplet	502de0	`#502de0`
RGB Decimal	80, 45, 224	`rgb(80,45,224)`
RGB Percent	31.4, 17.6, 87.8	`rgb(31.4%,17.6%,87.8%)`
CMYK	64, 80, 0, 12
HSL	251.7°, 74.3, 52.7	`hsl(251.7,74.3%,52.7%)`
HSV (or HSB)	251.7°, 79.9, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.914, 61.755, -84.181
XYZ	17.699, 8.963, 71.314
xyY	0.181, 0.091, 8.963
CIE-LCH	35.914, 104.404, 306.264
CIE-LUV	35.914, -2.082, -115.777
Hunter-Lab	29.939, 53.129, -120.272
Binary	01010000, 00101101, 11100000

#502de0
```
#502de0 rgb(80,45,224)
```
#bde02d
```
#bde02d rgb(189,224,45)
```

Complementary Color

#2d64e0
```
#2d64e0 rgb(45,100,224)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#aa2de0
```
#aa2de0 rgb(170,45,224)
```

Analogous Color

#64e02d
```
#64e02d rgb(100,224,45)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#e0aa2d
```
#e0aa2d rgb(224,170,45)
```

Split Complementary Color

#2de050
```
#2de050 rgb(45,224,80)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#e0502d
```
#e0502d rgb(224,80,45)
```

Triadic Color

#2dbde0
```
#2dbde0 rgb(45,189,224)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#e0502d
```
#e0502d rgb(224,80,45)
```
#bde02d
```
#bde02d rgb(189,224,45)
```

Tetradic Color

#3519a8
```
#3519a8 rgb(53,25,168)
```
#3c1cbe
```
#3c1cbe rgb(60,28,190)
```
#431fd4
```
#431fd4 rgb(67,31,212)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#6343e3
```
#6343e3 rgb(99,67,227)
```
#7559e7
```
#7559e7 rgb(117,89,231)
```
#8870ea
```
#8870ea rgb(136,112,234)
```

Monochromatic Color

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

#2d37e0
```
#2d37e0 rgb(45,55,224)
```
#322de0
```
#322de0 rgb(50,45,224)
```
#412de0
```
#412de0 rgb(65,45,224)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#5f2de0
```
#5f2de0 rgb(95,45,224)
```
#6e2de0
```
#6e2de0 rgb(110,45,224)
```
#7d2de0
```
#7d2de0 rgb(125,45,224)
```

Similar Colors

Text with hexadecimal color #502de0

This text has a font color of #502de0.

<span style="color:#502de0;">Text here</span>

#502de0 background color

This paragraph has a background color of #502de0.

<p style="background-color:#502de0;">Content here</p>

#502de0 border color

This element has a border color of #502de0.

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

CSS codes

.text {color:#502de0;}

.background {background-color:#502de0;}

.border {border:1px solid #502de0;}

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

#04020c
```
#04020c rgb(4,2,12)
```
#09041d
```
#09041d rgb(9,4,29)
```
#0f072e
```
#0f072e rgb(15,7,46)
```
#14093f
```
#14093f rgb(20,9,63)
```
#190c51
```
#190c51 rgb(25,12,81)
```
#1f0e62
```
#1f0e62 rgb(31,14,98)
```
#241173
```
#241173 rgb(36,17,115)
```
#291384
```
#291384 rgb(41,19,132)
```
#2f1695
```
#2f1695 rgb(47,22,149)
```
#3419a6
```
#3419a6 rgb(52,25,166)
```
#3a1bb7
```
#3a1bb7 rgb(58,27,183)
```
#3f1ec8
```
#3f1ec8 rgb(63,30,200)
```
#4420d9
```
#4420d9 rgb(68,32,217)
```

Shade Color Variation

#502de0
```
#502de0 rgb(80,45,224)
```
#5e3ee3
```
#5e3ee3 rgb(94,62,227)
```
#6c4fe5
```
#6c4fe5 rgb(108,79,229)
```
#7b60e8
```
#7b60e8 rgb(123,96,232)
```
#8971ea
```
#8971ea rgb(137,113,234)
```
#9782ed
```
#9782ed rgb(151,130,237)
```
#a594ef
```
#a594ef rgb(165,148,239)
```
#b4a5f2
```
#b4a5f2 rgb(180,165,242)
```
#c2b6f4
```
#c2b6f4 rgb(194,182,244)
```
#d0c7f7
```
#d0c7f7 rgb(208,199,247)
```
#ded8f9
```
#ded8f9 rgb(222,216,249)
```
#ede9fc
```
#ede9fc rgb(237,233,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#83808d
```
#83808d rgb(131,128,141)
```
#7d7796
```
#7d7796 rgb(125,119,150)
```
#786e9f
```
#786e9f rgb(120,110,159)
```
#7265a8
```
#7265a8 rgb(114,101,168)
```
#6c5bb2
```
#6c5bb2 rgb(108,91,178)
```
#6752bb
```
#6752bb rgb(103,82,187)
```
#6149c4
```
#6149c4 rgb(97,73,196)
```
#5b40cd
```
#5b40cd rgb(91,64,205)
```
#5636d7
```
#5636d7 rgb(86,54,215)
```
#502de0
```
#502de0 rgb(80,45,224)
```
#4a24e9
```
#4a24e9 rgb(74,36,233)
```
#451af3
```
#451af3 rgb(69,26,243)
```
#3f11fc
```
#3f11fc rgb(63,17,252)
```

Tone Color Variation

Below, you can see how #502de0 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

#4c4c4c Achromatopsia 0.005% of the population
#4d466a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1d4ac1 Protanomaly 1% of men, 0.01% of women
#1d4db2 Deuteranomaly 6% of men, 0.4% of women
#1d5196 Tritanomaly 0.01% of the population

#502de0 hex color

#502de0 Color Information

#502de0 Color Conversion

Color Schemes with #502de0

Alternatives to #502de0

#502de0 Preview

Shades and Tints of #502de0

Tones of #502de0

Color Blindness Simulator