#502ac2 hex color

In a RGB color space, hex #502ac2 is composed of 31.4% red, 16.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 78.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 255 degrees, a saturation of 64.4% and a lightness of 46.3%. #502ac2 color hex could be obtained by blending #a054ff with #000085. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 76
RGB color chart
- C 59
- M 78
- Y 0
- K 24
CMYK color chart

● #502ac2 color description : Strong blue.

The hexadecimal color #502ac2 has RGB values of R:80, G:42, B:194 and CMYK values of C:0.59, M:0.78, Y:0, K:0.24. Its decimal value is 5253826.

Hex triplet	502ac2	`#502ac2`
RGB Decimal	80, 42, 194	`rgb(80,42,194)`
RGB Percent	31.4, 16.5, 76.1	`rgb(31.4%,16.5%,76.1%)`
CMYK	59, 78, 0, 24
HSL	255°, 64.4, 46.3	`hsl(255,64.4%,46.3%)`
HSV (or HSB)	255°, 78.4, 76.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.383, 54.705, -72.617
XYZ	13.872, 7.256, 51.706
xyY	0.19, 0.1, 7.256
CIE-LCH	32.383, 90.916, 306.992
CIE-LUV	32.383, 0.792, -98.207
Hunter-Lab	26.937, 44.784, -94.951
Binary	01010000, 00101010, 11000010

#502ac2
```
#502ac2 rgb(80,42,194)
```
#9cc22a
```
#9cc22a rgb(156,194,42)
```

Complementary Color

#2a50c2
```
#2a50c2 rgb(42,80,194)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#9c2ac2
```
#9c2ac2 rgb(156,42,194)
```

Analogous Color

#50c22a
```
#50c22a rgb(80,194,42)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#c29c2a
```
#c29c2a rgb(194,156,42)
```

Split Complementary Color

#2ac250
```
#2ac250 rgb(42,194,80)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#c2502a
```
#c2502a rgb(194,80,42)
```

Triadic Color

#2a9cc2
```
#2a9cc2 rgb(42,156,194)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#c2502a
```
#c2502a rgb(194,80,42)
```
#9cc22a
```
#9cc22a rgb(156,194,42)
```

Tetradic Color

#361c83
```
#361c83 rgb(54,28,131)
```
#3f2198
```
#3f2198 rgb(63,33,152)
```
#4725ad
```
#4725ad rgb(71,37,173)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#5b33d3
```
#5b33d3 rgb(91,51,211)
```
#6c48d7
```
#6c48d7 rgb(108,72,215)
```
#7c5ddc
```
#7c5ddc rgb(124,93,220)
```

Monochromatic Color

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

#2a2ac2
```
#2a2ac2 rgb(42,42,194)
```
#372ac2
```
#372ac2 rgb(55,42,194)
```
#432ac2
```
#432ac2 rgb(67,42,194)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#5d2ac2
```
#5d2ac2 rgb(93,42,194)
```
#692ac2
```
#692ac2 rgb(105,42,194)
```
#762ac2
```
#762ac2 rgb(118,42,194)
```

Similar Colors

Text with hexadecimal color #502ac2

This text has a font color of #502ac2.

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

#502ac2 background color

This paragraph has a background color of #502ac2.

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

#502ac2 border color

This element has a border color of #502ac2.

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

CSS codes

.text {color:#502ac2;}

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

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

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 #f2effc is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070411
```
#070411 rgb(7,4,17)
```
#0e0721
```
#0e0721 rgb(14,7,33)
```
#140b31
```
#140b31 rgb(20,11,49)
```
#1b0e41
```
#1b0e41 rgb(27,14,65)
```
#211251
```
#211251 rgb(33,18,81)
```
#281561
```
#281561 rgb(40,21,97)
```
#2f1971
```
#2f1971 rgb(47,25,113)
```
#351c82
```
#351c82 rgb(53,28,130)
```
#3c2092
```
#3c2092 rgb(60,32,146)
```
#4323a2
```
#4323a2 rgb(67,35,162)
```
#4927b2
```
#4927b2 rgb(73,39,178)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```

Shade Color Variation

#572ed2
```
#572ed2 rgb(87,46,210)
```
#643ed5
```
#643ed5 rgb(100,62,213)
```
#714ed9
```
#714ed9 rgb(113,78,217)
```
#7e5edc
```
#7e5edc rgb(126,94,220)
```
#8b6ee0
```
#8b6ee0 rgb(139,110,224)
```
#987fe3
```
#987fe3 rgb(152,127,227)
```
#a58fe7
```
#a58fe7 rgb(165,143,231)
```
#b29fea
```
#b29fea rgb(178,159,234)
```
#bfafee
```
#bfafee rgb(191,175,238)
```
#ccbff1
```
#ccbff1 rgb(204,191,241)
```
#d9cff5
```
#d9cff5 rgb(217,207,245)
```
#e5dff8
```
#e5dff8 rgb(229,223,248)
```
#f2effc
```
#f2effc rgb(242,239,252)
```

Tint Color Variation

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

#747379
```
#747379 rgb(116,115,121)
```
#706a82
```
#706a82 rgb(112,106,130)
```
#6b608c
```
#6b608c rgb(107,96,140)
```
#675795
```
#675795 rgb(103,87,149)
```
#624e9e
```
#624e9e rgb(98,78,158)
```
#5e45a7
```
#5e45a7 rgb(94,69,167)
```
#593cb0
```
#593cb0 rgb(89,60,176)
```
#5533b9
```
#5533b9 rgb(85,51,185)
```
#502ac2
```
#502ac2 rgb(80,42,194)
```
#4b21cb
```
#4b21cb rgb(75,33,203)
```
#4718d4
```
#4718d4 rgb(71,24,212)
```
#420fdd
```
#420fdd rgb(66,15,221)
```
#3e06e6
```
#3e06e6 rgb(62,6,230)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#494160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#195d64 Tritanopia 0.001% of the population

Trichromacy

#1d44ad Protanomaly 1% of men, 0.01% of women
#1d479f Deuteranomaly 6% of men, 0.4% of women
#2d4a86 Tritanomaly 0.01% of the population

#502ac2 hex color

#502ac2 Color Information

#502ac2 Color Conversion

Color Schemes with #502ac2

Alternatives to #502ac2

#502ac2 Preview

Shades and Tints of #502ac2

Tones of #502ac2

Color Blindness Simulator