#502ad3 hex color

In a RGB color space, hex #502ad3 is composed of 31.4% red, 16.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 80.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 253.5 degrees, a saturation of 66.8% and a lightness of 49.6%. #502ad3 color hex could be obtained by blending #a054ff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 16
- B 83
RGB color chart
- C 62
- M 80
- Y 0
- K 17
CMYK color chart

● #502ad3 color description : Strong blue.

The hexadecimal color #502ad3 has RGB values of R:80, G:42, B:211 and CMYK values of C:0.62, M:0.8, Y:0, K:0.17. Its decimal value is 5253843.

Hex triplet	502ad3	`#502ad3`
RGB Decimal	80, 42, 211	`rgb(80,42,211)`
RGB Percent	31.4, 16.5, 82.7	`rgb(31.4%,16.5%,82.7%)`
CMYK	62, 80, 0, 17
HSL	253.5°, 66.8, 49.6	`hsl(253.5,66.8%,49.6%)`
HSV (or HSB)	253.5°, 80.1, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.116, 59.438, -79.67
XYZ	15.892, 8.064, 62.344
xyY	0.184, 0.093, 8.064
CIE-LCH	34.116, 99.399, 306.725
CIE-LUV	34.116, -0.697, -108.329
Hunter-Lab	28.397, 50.199, -110.288
Binary	01010000, 00101010, 11010011

#502ad3
```
#502ad3 rgb(80,42,211)
```
#add32a
```
#add32a rgb(173,211,42)
```

Complementary Color

#2a59d3
```
#2a59d3 rgb(42,89,211)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#a52ad3
```
#a52ad3 rgb(165,42,211)
```

Analogous Color

#59d32a
```
#59d32a rgb(89,211,42)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#d3a52a
```
#d3a52a rgb(211,165,42)
```

Split Complementary Color

#2ad350
```
#2ad350 rgb(42,211,80)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#d3502a
```
#d3502a rgb(211,80,42)
```

Triadic Color

#2aadd3
```
#2aadd3 rgb(42,173,211)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#d3502a
```
#d3502a rgb(211,80,42)
```
#add32a
```
#add32a rgb(173,211,42)
```

Tetradic Color

#381d93
```
#381d93 rgb(56,29,147)
```
#4022a8
```
#4022a8 rgb(64,34,168)
```
#4826be
```
#4826be rgb(72,38,190)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#613ed9
```
#613ed9 rgb(97,62,217)
```
#7253dd
```
#7253dd rgb(114,83,221)
```
#8468e1
```
#8468e1 rgb(132,104,225)
```

Monochromatic Color

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

#2a2ed3
```
#2a2ed3 rgb(42,46,211)
```
#342ad3
```
#342ad3 rgb(52,42,211)
```
#422ad3
```
#422ad3 rgb(66,42,211)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#5e2ad3
```
#5e2ad3 rgb(94,42,211)
```
#6c2ad3
```
#6c2ad3 rgb(108,42,211)
```
#7a2ad3
```
#7a2ad3 rgb(122,42,211)
```

Similar Colors

Text with hexadecimal color #502ad3

This text has a font color of #502ad3.

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

#502ad3 background color

This paragraph has a background color of #502ad3.

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

#502ad3 border color

This element has a border color of #502ad3.

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

CSS codes

.text {color:#502ad3;}

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

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

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, #06030f is the darkest color, while #fefdff is the lightest one.

#06030f
```
#06030f rgb(6,3,15)
```
#0c061f
```
#0c061f rgb(12,6,31)
```
#12092f
```
#12092f rgb(18,9,47)
```
#180d40
```
#180d40 rgb(24,13,64)
```
#1e1050
```
#1e1050 rgb(30,16,80)
```
#251360
```
#251360 rgb(37,19,96)
```
#2b1671
```
#2b1671 rgb(43,22,113)
```
#311a81
```
#311a81 rgb(49,26,129)
```
#371d92
```
#371d92 rgb(55,29,146)
```
#3d20a2
```
#3d20a2 rgb(61,32,162)
```
#4423b2
```
#4423b2 rgb(68,35,178)
```
#4a27c3
```
#4a27c3 rgb(74,39,195)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```

Shade Color Variation

#5d39d8
```
#5d39d8 rgb(93,57,216)
```
#6a49db
```
#6a49db rgb(106,73,219)
```
#785ade
```
#785ade rgb(120,90,222)
```
#856ae1
```
#856ae1 rgb(133,106,225)
```
#927ae5
```
#927ae5 rgb(146,122,229)
```
#a08be8
```
#a08be8 rgb(160,139,232)
```
#ad9beb
```
#ad9beb rgb(173,155,235)
```
#bbacee
```
#bbacee rgb(187,172,238)
```
#c8bcf2
```
#c8bcf2 rgb(200,188,242)
```
#d5ccf5
```
#d5ccf5 rgb(213,204,245)
```
#e3ddf8
```
#e3ddf8 rgb(227,221,248)
```
#f0edfb
```
#f0edfb rgb(240,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#7b7885
```
#7b7885 rgb(123,120,133)
```
#756e8f
```
#756e8f rgb(117,110,143)
```
#706499
```
#706499 rgb(112,100,153)
```
#6b5ba2
```
#6b5ba2 rgb(107,91,162)
```
#6551ac
```
#6551ac rgb(101,81,172)
```
#6047b6
```
#6047b6 rgb(96,71,182)
```
#5b3dc0
```
#5b3dc0 rgb(91,61,192)
```
#5534c9
```
#5534c9 rgb(85,52,201)
```
#502ad3
```
#502ad3 rgb(80,42,211)
```
#4b20dd
```
#4b20dd rgb(75,32,221)
```
#4517e6
```
#4517e6 rgb(69,23,230)
```
#400df0
```
#400df0 rgb(64,13,240)
```
#3b03fa
```
#3b03fa rgb(59,3,250)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4a4365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1d46b8 Protanomaly 1% of men, 0.01% of women
#1d49a9 Deuteranomaly 6% of men, 0.4% of women
#1d4d8f Tritanomaly 0.01% of the population

#502ad3 hex color

#502ad3 Color Information

#502ad3 Color Conversion

Color Schemes with #502ad3

Alternatives to #502ad3

#502ad3 Preview

Shades and Tints of #502ad3

Tones of #502ad3

Color Blindness Simulator