#502ab4 hex color

In a RGB color space, hex #502ab4 is composed of 31.4% red, 16.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 76.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 256.5 degrees, a saturation of 62.2% and a lightness of 43.5%. #502ab4 color hex could be obtained by blending #a054ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 71
RGB color chart
- C 56
- M 77
- Y 0
- K 29
CMYK color chart

● #502ab4 color description : Strong violet.

The hexadecimal color #502ab4 has RGB values of R:80, G:42, B:180 and CMYK values of C:0.56, M:0.77, Y:0, K:0.29. Its decimal value is 5253812.

Hex triplet	502ab4	`#502ab4`
RGB Decimal	80, 42, 180	`rgb(80,42,180)`
RGB Percent	31.4, 16.5, 70.6	`rgb(31.4%,16.5%,70.6%)`
CMYK	56, 77, 0, 29
HSL	256.5°, 62.2, 43.5	`hsl(256.5,62.2%,43.5%)`
HSV (or HSB)	256.5°, 76.7, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.012, 50.769, -66.596
XYZ	12.373, 6.656, 43.81
xyY	0.197, 0.106, 6.656
CIE-LCH	31.012, 83.741, 307.32
CIE-LUV	31.012, 2.131, -89.685
Hunter-Lab	25.8, 40.454, -82.619
Binary	01010000, 00101010, 10110100

#502ab4
```
#502ab4 rgb(80,42,180)
```
#8eb42a
```
#8eb42a rgb(142,180,42)
```

Complementary Color

#2a49b4
```
#2a49b4 rgb(42,73,180)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#952ab4
```
#952ab4 rgb(149,42,180)
```

Analogous Color

#49b42a
```
#49b42a rgb(73,180,42)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#b4952a
```
#b4952a rgb(180,149,42)
```

Split Complementary Color

#2ab450
```
#2ab450 rgb(42,180,80)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#b4502a
```
#b4502a rgb(180,80,42)
```

Triadic Color

#2a8eb4
```
#2a8eb4 rgb(42,142,180)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#b4502a
```
#b4502a rgb(180,80,42)
```
#8eb42a
```
#8eb42a rgb(142,180,42)
```

Tetradic Color

#341c76
```
#341c76 rgb(52,28,118)
```
#3e208b
```
#3e208b rgb(62,32,139)
```
#47259f
```
#47259f rgb(71,37,159)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#592fc9
```
#592fc9 rgb(89,47,201)
```
#673fd2
```
#673fd2 rgb(103,63,210)
```
#7854d7
```
#7854d7 rgb(120,84,215)
```

Monochromatic Color

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

#2d2ab4
```
#2d2ab4 rgb(45,42,180)
```
#392ab4
```
#392ab4 rgb(57,42,180)
```
#452ab4
```
#452ab4 rgb(69,42,180)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#5b2ab4
```
#5b2ab4 rgb(91,42,180)
```
#672ab4
```
#672ab4 rgb(103,42,180)
```
#732ab4
```
#732ab4 rgb(115,42,180)
```

Similar Colors

Text with hexadecimal color #502ab4

This text has a font color of #502ab4.

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

#502ab4 background color

This paragraph has a background color of #502ab4.

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

#502ab4 border color

This element has a border color of #502ab4.

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

CSS codes

.text {color:#502ab4;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#090515
```
#090515 rgb(9,5,21)
```
#100925
```
#100925 rgb(16,9,37)
```
#170c35
```
#170c35 rgb(23,12,53)
```
#1f1045
```
#1f1045 rgb(31,16,69)
```
#261455
```
#261455 rgb(38,20,85)
```
#2d1764
```
#2d1764 rgb(45,23,100)
```
#341b74
```
#341b74 rgb(52,27,116)
```
#3b1f84
```
#3b1f84 rgb(59,31,132)
```
#422394
```
#422394 rgb(66,35,148)
```
#4926a4
```
#4926a4 rgb(73,38,164)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#572ec4
```
#572ec4 rgb(87,46,196)
```

Shade Color Variation

#6035d0
```
#6035d0 rgb(96,53,208)
```
#6c45d4
```
#6c45d4 rgb(108,69,212)
```
#7955d7
```
#7955d7 rgb(121,85,215)
```
#8665db
```
#8665db rgb(134,101,219)
```
#9275df
```
#9275df rgb(146,117,223)
```
#9f85e2
```
#9f85e2 rgb(159,133,226)
```
#ab95e6
```
#ab95e6 rgb(171,149,230)
```
#b8a5ea
```
#b8a5ea rgb(184,165,234)
```
#c4b5ee
```
#c4b5ee rgb(196,181,238)
```
#d1c4f1
```
#d1c4f1 rgb(209,196,241)
```
#ddd4f5
```
#ddd4f5 rgb(221,212,245)
```
#eae4f9
```
#eae4f9 rgb(234,228,249)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

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

#6f6e70
```
#6f6e70 rgb(111,110,112)
```
#6b6678
```
#6b6678 rgb(107,102,120)
```
#675d81
```
#675d81 rgb(103,93,129)
```
#635589
```
#635589 rgb(99,85,137)
```
#5f4c92
```
#5f4c92 rgb(95,76,146)
```
#5c449a
```
#5c449a rgb(92,68,154)
```
#583ba3
```
#583ba3 rgb(88,59,163)
```
#5433ab
```
#5433ab rgb(84,51,171)
```
#502ab4
```
#502ab4 rgb(80,42,180)
```
#4c21bd
```
#4c21bd rgb(76,33,189)
```
#4819c5
```
#4819c5 rgb(72,25,197)
```
#4410ce
```
#4410ce rgb(68,16,206)
```
#4108d6
```
#4108d6 rgb(65,8,214)
```

Tone Color Variation

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

#00509b Protanopia 1% of men
#005487 Deuteranopia 1% of men
#2d585e Tritanopia 0.001% of the population

Trichromacy

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

#502ab4 hex color

#502ab4 Color Information

#502ab4 Color Conversion

Color Schemes with #502ab4

Alternatives to #502ab4

#502ab4 Preview

Shades and Tints of #502ab4

Tones of #502ab4

Color Blindness Simulator