#502ae5 hex color

In a RGB color space, hex #502ae5 is composed of 31.4% red, 16.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 81.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 252.2 degrees, a saturation of 78.2% and a lightness of 53.1%. #502ae5 color hex could be obtained by blending #a054ff with #0000cb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 90
RGB color chart
- C 65
- M 82
- Y 0
- K 10
CMYK color chart

● #502ae5 color description : Bright blue.

The hexadecimal color #502ae5 has RGB values of R:80, G:42, B:229 and CMYK values of C:0.65, M:0.82, Y:0, K:0.1. Its decimal value is 5253861.

Hex triplet	502ae5	`#502ae5`
RGB Decimal	80, 42, 229	`rgb(80,42,229)`
RGB Percent	31.4, 16.5, 89.8	`rgb(31.4%,16.5%,89.8%)`
CMYK	65, 82, 0, 10
HSL	252.2°, 78.2, 53.1	`hsl(252.2,78.2%,53.1%)`
HSV (or HSB)	252.2°, 81.7, 89.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.018, 64.377, -86.866
XYZ	18.276, 9.018, 74.902
xyY	0.179, 0.088, 9.018
CIE-LCH	36.018, 108.12, 306.542
CIE-LUV	36.018, -2.138, -118.825
Hunter-Lab	30.03, 56.086, -126.865
Binary	01010000, 00101010, 11100101

#502ae5
```
#502ae5 rgb(80,42,229)
```
#bfe52a
```
#bfe52a rgb(191,229,42)
```

Complementary Color

#2a62e5
```
#2a62e5 rgb(42,98,229)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#ae2ae5
```
#ae2ae5 rgb(174,42,229)
```

Analogous Color

#62e52a
```
#62e52a rgb(98,229,42)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#e5ae2a
```
#e5ae2a rgb(229,174,42)
```

Split Complementary Color

#2ae550
```
#2ae550 rgb(42,229,80)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#e5502a
```
#e5502a rgb(229,80,42)
```

Triadic Color

#2abfe5
```
#2abfe5 rgb(42,191,229)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#e5502a
```
#e5502a rgb(229,80,42)
```
#bfe52a
```
#bfe52a rgb(191,229,42)
```

Tetradic Color

#3415ad
```
#3415ad rgb(52,21,173)
```
#3b18c4
```
#3b18c4 rgb(59,24,196)
```
#421bdb
```
#421bdb rgb(66,27,219)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#6341e8
```
#6341e8 rgb(99,65,232)
```
#7557eb
```
#7557eb rgb(117,87,235)
```
#886eed
```
#886eed rgb(136,110,237)
```

Monochromatic Color

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

#2a33e5
```
#2a33e5 rgb(42,51,229)
```
#312ae5
```
#312ae5 rgb(49,42,229)
```
#402ae5
```
#402ae5 rgb(64,42,229)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#602ae5
```
#602ae5 rgb(96,42,229)
```
#6f2ae5
```
#6f2ae5 rgb(111,42,229)
```
#7f2ae5
```
#7f2ae5 rgb(127,42,229)
```

Similar Colors

Text with hexadecimal color #502ae5

This text has a font color of #502ae5.

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

#502ae5 background color

This paragraph has a background color of #502ae5.

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

#502ae5 border color

This element has a border color of #502ae5.

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

CSS codes

.text {color:#502ae5;}

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

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

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

#04020e
```
#04020e rgb(4,2,14)
```
#0a0420
```
#0a0420 rgb(10,4,32)
```
#0f0631
```
#0f0631 rgb(15,6,49)
```
#140843
```
#140843 rgb(20,8,67)
```
#190a54
```
#190a54 rgb(25,10,84)
```
#1f0c66
```
#1f0c66 rgb(31,12,102)
```
#240f77
```
#240f77 rgb(36,15,119)
```
#291189
```
#291189 rgb(41,17,137)
```
#2e139a
```
#2e139a rgb(46,19,154)
```
#3415ac
```
#3415ac rgb(52,21,172)
```
#3917bd
```
#3917bd rgb(57,23,189)
```
#3e19cf
```
#3e19cf rgb(62,25,207)
```
#431be0
```
#431be0 rgb(67,27,224)
```

Shade Color Variation

#502ae5
```
#502ae5 rgb(80,42,229)
```
#5e3be7
```
#5e3be7 rgb(94,59,231)
```
#6d4de9
```
#6d4de9 rgb(109,77,233)
```
#7b5eeb
```
#7b5eeb rgb(123,94,235)
```
#8970ee
```
#8970ee rgb(137,112,238)
```
#9881f0
```
#9881f0 rgb(152,129,240)
```
#a693f2
```
#a693f2 rgb(166,147,242)
```
#b5a4f4
```
#b5a4f4 rgb(181,164,244)
```
#c3b6f6
```
#c3b6f6 rgb(195,182,246)
```
#d1c7f8
```
#d1c7f8 rgb(209,199,248)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#878689
```
#878689 rgb(135,134,137)
```
#817d92
```
#817d92 rgb(129,125,146)
```
#7c749b
```
#7c749b rgb(124,116,155)
```
#766aa5
```
#766aa5 rgb(118,106,165)
```
#7161ae
```
#7161ae rgb(113,97,174)
```
#6b58b7
```
#6b58b7 rgb(107,88,183)
```
#664fc0
```
#664fc0 rgb(102,79,192)
```
#6046c9
```
#6046c9 rgb(96,70,201)
```
#5b3cd3
```
#5b3cd3 rgb(91,60,211)
```
#5533dc
```
#5533dc rgb(85,51,220)
```
#502ae5
```
#502ae5 rgb(80,42,229)
```
#4b21ee
```
#4b21ee rgb(75,33,238)
```
#4518f7
```
#4518f7 rgb(69,24,247)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c446a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d49c3 Protanomaly 1% of men, 0.01% of women
#1d4cb4 Deuteranomaly 6% of men, 0.4% of women
#1d5098 Tritanomaly 0.01% of the population

#502ae5 hex color

#502ae5 Color Information

#502ae5 Color Conversion

Color Schemes with #502ae5

Alternatives to #502ae5

#502ae5 Preview

Shades and Tints of #502ae5

Tones of #502ae5

Color Blindness Simulator