#502ae4 hex color

In a RGB color space, hex #502ae4 is composed of 31.4% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 81.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 252.3 degrees, a saturation of 77.5% and a lightness of 52.9%. #502ae4 color hex could be obtained by blending #a054ff with #0000c9. Closest websafe color is: #6633cc.

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

● #502ae4 color description : Bright blue.

The hexadecimal color #502ae4 has RGB values of R:80, G:42, B:228 and CMYK values of C:0.65, M:0.82, Y:0, K:0.11. Its decimal value is 5253860.

Hex triplet	502ae4	`#502ae4`
RGB Decimal	80, 42, 228	`rgb(80,42,228)`
RGB Percent	31.4, 16.5, 89.4	`rgb(31.4%,16.5%,89.4%)`
CMYK	65, 82, 0, 11
HSL	252.3°, 77.5, 52.9	`hsl(252.3,77.5%,52.9%)`
HSV (or HSB)	252.3°, 81.6, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.911, 64.104, -86.473
XYZ	18.137, 8.962, 74.169
xyY	0.179, 0.088, 8.962
CIE-LCH	35.911, 107.642, 306.55
CIE-LUV	35.911, -2.061, -118.247
Hunter-Lab	29.937, 55.755, -125.936
Binary	01010000, 00101010, 11100100

#502ae4
```
#502ae4 rgb(80,42,228)
```
#bee42a
```
#bee42a rgb(190,228,42)
```

Complementary Color

#2a61e4
```
#2a61e4 rgb(42,97,228)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#ad2ae4
```
#ad2ae4 rgb(173,42,228)
```

Analogous Color

#61e42a
```
#61e42a rgb(97,228,42)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#e4ad2a
```
#e4ad2a rgb(228,173,42)
```

Split Complementary Color

#2ae450
```
#2ae450 rgb(42,228,80)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#e4502a
```
#e4502a rgb(228,80,42)
```

Triadic Color

#2abee4
```
#2abee4 rgb(42,190,228)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#e4502a
```
#e4502a rgb(228,80,42)
```
#bee42a
```
#bee42a rgb(190,228,42)
```

Tetradic Color

#3416ac
```
#3416ac rgb(52,22,172)
```
#3b19c2
```
#3b19c2 rgb(59,25,194)
```
#421cd9
```
#421cd9 rgb(66,28,217)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#6341e7
```
#6341e7 rgb(99,65,231)
```
#7557ea
```
#7557ea rgb(117,87,234)
```
#886eed
```
#886eed rgb(136,110,237)
```

Monochromatic Color

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

#2a33e4
```
#2a33e4 rgb(42,51,228)
```
#312ae4
```
#312ae4 rgb(49,42,228)
```
#412ae4
```
#412ae4 rgb(65,42,228)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#5f2ae4
```
#5f2ae4 rgb(95,42,228)
```
#6f2ae4
```
#6f2ae4 rgb(111,42,228)
```
#7f2ae4
```
#7f2ae4 rgb(127,42,228)
```

Similar Colors

Text with hexadecimal color #502ae4

This text has a font color of #502ae4.

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

#502ae4 background color

This paragraph has a background color of #502ae4.

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

#502ae4 border color

This element has a border color of #502ae4.

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

CSS codes

.text {color:#502ae4;}

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

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

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

#04020d
```
#04020d rgb(4,2,13)
```
#09041f
```
#09041f rgb(9,4,31)
```
#0f0630
```
#0f0630 rgb(15,6,48)
```
#140842
```
#140842 rgb(20,8,66)
```
#190b53
```
#190b53 rgb(25,11,83)
```
#1f0d64
```
#1f0d64 rgb(31,13,100)
```
#240f76
```
#240f76 rgb(36,15,118)
```
#291187
```
#291187 rgb(41,17,135)
```
#2f1399
```
#2f1399 rgb(47,19,153)
```
#3416aa
```
#3416aa rgb(52,22,170)
```
#3918bb
```
#3918bb rgb(57,24,187)
```
#3f1acd
```
#3f1acd rgb(63,26,205)
```
#441cde
```
#441cde rgb(68,28,222)
```

Shade Color Variation

#502ae4
```
#502ae4 rgb(80,42,228)
```
#5e3be6
```
#5e3be6 rgb(94,59,230)
```
#6d4de8
```
#6d4de8 rgb(109,77,232)
```
#7b5eeb
```
#7b5eeb rgb(123,94,235)
```
#8970ed
```
#8970ed rgb(137,112,237)
```
#9881ef
```
#9881ef rgb(152,129,239)
```
#a692f1
```
#a692f1 rgb(166,146,241)
```
#b4a4f3
```
#b4a4f3 rgb(180,164,243)
```
#c2b5f6
```
#c2b5f6 rgb(194,181,246)
```
#d1c7f8
```
#d1c7f8 rgb(209,199,248)
```
#dfd8fa
```
#dfd8fa rgb(223,216,250)
```
#ede9fc
```
#ede9fc rgb(237,233,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#878688
```
#878688 rgb(135,134,136)
```
#817d91
```
#817d91 rgb(129,125,145)
```
#7c749a
```
#7c749a rgb(124,116,154)
```
#766ba3
```
#766ba3 rgb(118,107,163)
```
#7161ad
```
#7161ad rgb(113,97,173)
```
#6b58b6
```
#6b58b6 rgb(107,88,182)
```
#664fbf
```
#664fbf rgb(102,79,191)
```
#6046c8
```
#6046c8 rgb(96,70,200)
```
#5b3cd2
```
#5b3cd2 rgb(91,60,210)
```
#5533db
```
#5533db rgb(85,51,219)
```
#502ae4
```
#502ae4 rgb(80,42,228)
```
#4b21ed
```
#4b21ed rgb(75,33,237)
```
#4518f6
```
#4518f6 rgb(69,24,246)
```

Tone Color Variation

Below, you can see how #502ae4 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
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

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

#502ae4 hex color

#502ae4 Color Information

#502ae4 Color Conversion

Color Schemes with #502ae4

Alternatives to #502ae4

#502ae4 Preview

Shades and Tints of #502ae4

Tones of #502ae4

Color Blindness Simulator