#502ac7 hex color

In a RGB color space, hex #502ac7 is composed of 31.4% red, 16.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 78.9% magenta, 0% yellow and 22% black. It has a hue angle of 254.5 degrees, a saturation of 65.1% and a lightness of 47.3%. #502ac7 color hex could be obtained by blending #a054ff with #00008f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 78
RGB color chart
- C 60
- M 79
- Y 0
- K 22
CMYK color chart

● #502ac7 color description : Strong blue.

The hexadecimal color #502ac7 has RGB values of R:80, G:42, B:199 and CMYK values of C:0.6, M:0.79, Y:0, K:0.22. Its decimal value is 5253831.

Hex triplet	502ac7	`#502ac7`
RGB Decimal	80, 42, 199	`rgb(80,42,199)`
RGB Percent	31.4, 16.5, 78	`rgb(31.4%,16.5%,78%)`
CMYK	60, 79, 0, 22
HSL	254.5°, 65.1, 47.3	`hsl(254.5,65.1%,47.3%)`
HSV (or HSB)	254.5°, 78.9, 78
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.885, 56.103, -74.719
XYZ	14.443, 7.484, 54.713
xyY	0.188, 0.098, 7.484
CIE-LCH	32.885, 93.437, 306.901
CIE-LUV	32.885, 0.339, -101.208
Hunter-Lab	27.358, 46.36, -99.425
Binary	01010000, 00101010, 11000111

#502ac7
```
#502ac7 rgb(80,42,199)
```
#a1c72a
```
#a1c72a rgb(161,199,42)
```

Complementary Color

#2a52c7
```
#2a52c7 rgb(42,82,199)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#9f2ac7
```
#9f2ac7 rgb(159,42,199)
```

Analogous Color

#52c72a
```
#52c72a rgb(82,199,42)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#c79f2a
```
#c79f2a rgb(199,159,42)
```

Split Complementary Color

#2ac750
```
#2ac750 rgb(42,199,80)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#c7502a
```
#c7502a rgb(199,80,42)
```

Triadic Color

#2aa1c7
```
#2aa1c7 rgb(42,161,199)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#c7502a
```
#c7502a rgb(199,80,42)
```
#a1c72a
```
#a1c72a rgb(161,199,42)
```

Tetradic Color

#371d88
```
#371d88 rgb(55,29,136)
```
#3f219d
```
#3f219d rgb(63,33,157)
```
#4826b2
```
#4826b2 rgb(72,38,178)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#5c36d5
```
#5c36d5 rgb(92,54,213)
```
#6d4bd9
```
#6d4bd9 rgb(109,75,217)
```
#7e60dd
```
#7e60dd rgb(126,96,221)
```

Monochromatic Color

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

#2a2bc7
```
#2a2bc7 rgb(42,43,199)
```
#362ac7
```
#362ac7 rgb(54,42,199)
```
#432ac7
```
#432ac7 rgb(67,42,199)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#5d2ac7
```
#5d2ac7 rgb(93,42,199)
```
#6a2ac7
```
#6a2ac7 rgb(106,42,199)
```
#772ac7
```
#772ac7 rgb(119,42,199)
```

Similar Colors

Text with hexadecimal color #502ac7

This text has a font color of #502ac7.

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

#502ac7 background color

This paragraph has a background color of #502ac7.

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

#502ac7 border color

This element has a border color of #502ac7.

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

CSS codes

.text {color:#502ac7;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080415
```
#080415 rgb(8,4,21)
```
#0f0825
```
#0f0825 rgb(15,8,37)
```
#150b35
```
#150b35 rgb(21,11,53)
```
#1c0f45
```
#1c0f45 rgb(28,15,69)
```
#221256
```
#221256 rgb(34,18,86)
```
#291566
```
#291566 rgb(41,21,102)
```
#2f1976
```
#2f1976 rgb(47,25,118)
```
#361c86
```
#361c86 rgb(54,28,134)
```
#3c2096
```
#3c2096 rgb(60,32,150)
```
#4323a7
```
#4323a7 rgb(67,35,167)
```
#4927b7
```
#4927b7 rgb(73,39,183)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```

Shade Color Variation

#5831d4
```
#5831d4 rgb(88,49,212)
```
#6641d7
```
#6641d7 rgb(102,65,215)
```
#7351da
```
#7351da rgb(115,81,218)
```
#8062de
```
#8062de rgb(128,98,222)
```
#8d72e1
```
#8d72e1 rgb(141,114,225)
```
#9a82e5
```
#9a82e5 rgb(154,130,229)
```
#a792e8
```
#a792e8 rgb(167,146,232)
```
#b4a2eb
```
#b4a2eb rgb(180,162,235)
```
#c1b3ef
```
#c1b3ef rgb(193,179,239)
```
#cec3f2
```
#cec3f2 rgb(206,195,242)
```
#dbd3f6
```
#dbd3f6 rgb(219,211,246)
```
#e9e3f9
```
#e9e3f9 rgb(233,227,249)
```
#f6f3fd
```
#f6f3fd rgb(246,243,253)
```

Tint Color Variation

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

#76747d
```
#76747d rgb(118,116,125)
```
#716b86
```
#716b86 rgb(113,107,134)
```
#6d628f
```
#6d628f rgb(109,98,143)
```
#685899
```
#685899 rgb(104,88,153)
```
#634fa2
```
#634fa2 rgb(99,79,162)
```
#5e46ab
```
#5e46ab rgb(94,70,171)
```
#5a3db4
```
#5a3db4 rgb(90,61,180)
```
#5533be
```
#5533be rgb(85,51,190)
```
#502ac7
```
#502ac7 rgb(80,42,199)
```
#4b21d0
```
#4b21d0 rgb(75,33,208)
```
#4617da
```
#4617da rgb(70,23,218)
```
#420ee3
```
#420ee3 rgb(66,14,227)
```
#3d05ec
```
#3d05ec rgb(61,5,236)
```

Tone Color Variation

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

Dichromacy

#0054a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#005e65 Tritanopia 0.001% of the population

Trichromacy

#1d44b0 Protanomaly 1% of men, 0.01% of women
#1d47a2 Deuteranomaly 6% of men, 0.4% of women
#1d4b89 Tritanomaly 0.01% of the population

#502ac7 hex color

#502ac7 Color Information

#502ac7 Color Conversion

Color Schemes with #502ac7

Alternatives to #502ac7

#502ac7 Preview

Shades and Tints of #502ac7

Tones of #502ac7

Color Blindness Simulator