#502ab3 hex color

In a RGB color space, hex #502ab3 is composed of 31.4% red, 16.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 76.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 256.6 degrees, a saturation of 62% and a lightness of 43.3%. #502ab3 color hex could be obtained by blending #a054ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 70
RGB color chart
- C 55
- M 77
- Y 0
- K 30
CMYK color chart

● #502ab3 color description : Strong violet.

The hexadecimal color #502ab3 has RGB values of R:80, G:42, B:179 and CMYK values of C:0.55, M:0.77, Y:0, K:0.3. Its decimal value is 5253811.

Hex triplet	502ab3	`#502ab3`
RGB Decimal	80, 42, 179	`rgb(80,42,179)`
RGB Percent	31.4, 16.5, 70.2	`rgb(31.4%,16.5%,70.2%)`
CMYK	55, 77, 0, 30
HSL	256.6°, 62, 43.3	`hsl(256.6,62%,43.3%)`
HSV (or HSB)	256.6°, 76.5, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	30.916, 50.487, -66.158
XYZ	12.271, 6.616, 43.276
xyY	0.197, 0.106, 6.616
CIE-LCH	30.916, 83.222, 307.348
CIE-LUV	30.916, 2.232, -89.069
Hunter-Lab	25.721, 40.149, -81.75
Binary	01010000, 00101010, 10110011

#502ab3
```
#502ab3 rgb(80,42,179)
```
#8db32a
```
#8db32a rgb(141,179,42)
```

Complementary Color

#2a49b3
```
#2a49b3 rgb(42,73,179)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#952ab3
```
#952ab3 rgb(149,42,179)
```

Analogous Color

#49b32a
```
#49b32a rgb(73,179,42)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#b3952a
```
#b3952a rgb(179,149,42)
```

Split Complementary Color

#2ab350
```
#2ab350 rgb(42,179,80)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#b3502a
```
#b3502a rgb(179,80,42)
```

Triadic Color

#2a8db3
```
#2a8db3 rgb(42,141,179)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#b3502a
```
#b3502a rgb(179,80,42)
```
#8db32a
```
#8db32a rgb(141,179,42)
```

Tetradic Color

#341b75
```
#341b75 rgb(52,27,117)
```
#3e208a
```
#3e208a rgb(62,32,138)
```
#47259e
```
#47259e rgb(71,37,158)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#592fc8
```
#592fc8 rgb(89,47,200)
```
#673ed2
```
#673ed2 rgb(103,62,210)
```
#7753d7
```
#7753d7 rgb(119,83,215)
```

Monochromatic Color

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

#2e2ab3
```
#2e2ab3 rgb(46,42,179)
```
#392ab3
```
#392ab3 rgb(57,42,179)
```
#452ab3
```
#452ab3 rgb(69,42,179)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#5b2ab3
```
#5b2ab3 rgb(91,42,179)
```
#672ab3
```
#672ab3 rgb(103,42,179)
```
#722ab3
```
#722ab3 rgb(114,42,179)
```

Similar Colors

Text with hexadecimal color #502ab3

This text has a font color of #502ab3.

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

#502ab3 background color

This paragraph has a background color of #502ab3.

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

#502ab3 border color

This element has a border color of #502ab3.

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

CSS codes

.text {color:#502ab3;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090514
```
#090514 rgb(9,5,20)
```
#100824
```
#100824 rgb(16,8,36)
```
#170c34
```
#170c34 rgb(23,12,52)
```
#1e1044
```
#1e1044 rgb(30,16,68)
```
#251454
```
#251454 rgb(37,20,84)
```
#2c1764
```
#2c1764 rgb(44,23,100)
```
#341b73
```
#341b73 rgb(52,27,115)
```
#3b1f83
```
#3b1f83 rgb(59,31,131)
```
#422393
```
#422393 rgb(66,35,147)
```
#4926a3
```
#4926a3 rgb(73,38,163)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#572ec3
```
#572ec3 rgb(87,46,195)
```

Shade Color Variation

#6035d0
```
#6035d0 rgb(96,53,208)
```
#6c45d3
```
#6c45d3 rgb(108,69,211)
```
#7954d7
```
#7954d7 rgb(121,84,215)
```
#8564db
```
#8564db rgb(133,100,219)
```
#9274de
```
#9274de rgb(146,116,222)
```
#9e84e2
```
#9e84e2 rgb(158,132,226)
```
#ab94e6
```
#ab94e6 rgb(171,148,230)
```
#b7a4ea
```
#b7a4ea rgb(183,164,234)
```
#c4b4ed
```
#c4b4ed rgb(196,180,237)
```
#d0c4f1
```
#d0c4f1 rgb(208,196,241)
```
#ddd4f5
```
#ddd4f5 rgb(221,212,245)
```
#e9e3f9
```
#e9e3f9 rgb(233,227,249)
```
#f6f3fc
```
#f6f3fc rgb(246,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e6f is the less saturated color, while #4108d5 is the most saturated one.

#6e6e6f
```
#6e6e6f rgb(110,110,111)
```
#6a6678
```
#6a6678 rgb(106,102,120)
```
#675d80
```
#675d80 rgb(103,93,128)
```
#635589
```
#635589 rgb(99,85,137)
```
#5f4c91
```
#5f4c91 rgb(95,76,145)
```
#5b449a
```
#5b449a rgb(91,68,154)
```
#583ba2
```
#583ba2 rgb(88,59,162)
```
#5433ab
```
#5433ab rgb(84,51,171)
```
#502ab3
```
#502ab3 rgb(80,42,179)
```
#4c22bc
```
#4c22bc rgb(76,34,188)
```
#4819c4
```
#4819c4 rgb(72,25,196)
```
#4511cd
```
#4511cd rgb(69,17,205)
```
#4108d5
```
#4108d5 rgb(65,8,213)
```

Tone Color Variation

Below, you can see how #502ab3 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
#47405b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005487 Deuteranopia 1% of men
#2e585e Tritanopia 0.001% of the population

Trichromacy

#1d42a3 Protanomaly 1% of men, 0.01% of women
#1d4497 Deuteranomaly 6% of men, 0.4% of women
#3a477d Tritanomaly 0.01% of the population

#502ab3 hex color

#502ab3 Color Information

#502ab3 Color Conversion

Color Schemes with #502ab3

Alternatives to #502ab3

#502ab3 Preview

Shades and Tints of #502ab3

Tones of #502ab3

Color Blindness Simulator