#502cd1 hex color

In a RGB color space, hex #502cd1 is composed of 31.4% red, 17.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 78.9% magenta, 0% yellow and 18% black. It has a hue angle of 253.1 degrees, a saturation of 65.2% and a lightness of 49.6%. #502cd1 color hex could be obtained by blending #a058ff with #0000a3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 17
- B 82
RGB color chart
- C 62
- M 79
- Y 0
- K 18
CMYK color chart

● #502cd1 color description : Strong blue.

The hexadecimal color #502cd1 has RGB values of R:80, G:44, B:209 and CMYK values of C:0.62, M:0.79, Y:0, K:0.18. Its decimal value is 5254353.

Hex triplet	502cd1	`#502cd1`
RGB Decimal	80, 44, 209	`rgb(80,44,209)`
RGB Percent	31.4, 17.3, 82	`rgb(31.4%,17.3%,82%)`
CMYK	62, 79, 0, 18
HSL	253.1°, 65.2, 49.6	`hsl(253.1,65.2%,49.6%)`
HSV (or HSB)	253.1°, 78.9, 82
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.21, 58.007, -78.355
XYZ	15.715, 8.11, 61.055
xyY	0.185, 0.096, 8.11
CIE-LCH	34.21, 97.49, 306.513
CIE-LUV	34.21, -0.765, -107.015
Hunter-Lab	28.478, 48.67, -107.182
Binary	01010000, 00101100, 11010001

#502cd1
```
#502cd1 rgb(80,44,209)
```
#add12c
```
#add12c rgb(173,209,44)
```

Complementary Color

#2c5ad1
```
#2c5ad1 rgb(44,90,209)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#a32cd1
```
#a32cd1 rgb(163,44,209)
```

Analogous Color

#5ad12c
```
#5ad12c rgb(90,209,44)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#d1a32c
```
#d1a32c rgb(209,163,44)
```

Split Complementary Color

#2cd150
```
#2cd150 rgb(44,209,80)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#d1502c
```
#d1502c rgb(209,80,44)
```

Triadic Color

#2cadd1
```
#2cadd1 rgb(44,173,209)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#d1502c
```
#d1502c rgb(209,80,44)
```
#add12c
```
#add12c rgb(173,209,44)
```

Tetradic Color

#381f92
```
#381f92 rgb(56,31,146)
```
#4023a7
```
#4023a7 rgb(64,35,167)
```
#4828bc
```
#4828bc rgb(72,40,188)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#6140d7
```
#6140d7 rgb(97,64,215)
```
#7255db
```
#7255db rgb(114,85,219)
```
#846ae0
```
#846ae0 rgb(132,106,224)
```

Monochromatic Color

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

#2c31d1
```
#2c31d1 rgb(44,49,209)
```
#352cd1
```
#352cd1 rgb(53,44,209)
```
#422cd1
```
#422cd1 rgb(66,44,209)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#5e2cd1
```
#5e2cd1 rgb(94,44,209)
```
#6c2cd1
```
#6c2cd1 rgb(108,44,209)
```
#792cd1
```
#792cd1 rgb(121,44,209)
```

Similar Colors

Text with hexadecimal color #502cd1

This text has a font color of #502cd1.

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

#502cd1 background color

This paragraph has a background color of #502cd1.

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

#502cd1 border color

This element has a border color of #502cd1.

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

CSS codes

.text {color:#502cd1;}

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

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

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)
```
#120a2f
```
#120a2f rgb(18,10,47)
```
#180d3f
```
#180d3f rgb(24,13,63)
```
#1e114f
```
#1e114f rgb(30,17,79)
```
#251460
```
#251460 rgb(37,20,96)
```
#2b1870
```
#2b1870 rgb(43,24,112)
```
#311b80
```
#311b80 rgb(49,27,128)
```
#371e90
```
#371e90 rgb(55,30,144)
```
#3d22a0
```
#3d22a0 rgb(61,34,160)
```
#4425b1
```
#4425b1 rgb(68,37,177)
```
#4a29c1
```
#4a29c1 rgb(74,41,193)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```

Shade Color Variation

#5d3bd6
```
#5d3bd6 rgb(93,59,214)
```
#6a4bd9
```
#6a4bd9 rgb(106,75,217)
```
#785bdd
```
#785bdd rgb(120,91,221)
```
#856ce0
```
#856ce0 rgb(133,108,224)
```
#927ce3
```
#927ce3 rgb(146,124,227)
```
#a08ce7
```
#a08ce7 rgb(160,140,231)
```
#ad9cea
```
#ad9cea rgb(173,156,234)
```
#bbacee
```
#bbacee rgb(187,172,238)
```
#c8bdf1
```
#c8bdf1 rgb(200,189,241)
```
#d5cdf4
```
#d5cdf4 rgb(213,205,244)
```
#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, #7c7a83 is the less saturated color, while #3a05f8 is the most saturated one.

#7c7a83
```
#7c7a83 rgb(124,122,131)
```
#76708d
```
#76708d rgb(118,112,141)
```
#716697
```
#716697 rgb(113,102,151)
```
#6b5da0
```
#6b5da0 rgb(107,93,160)
```
#6653aa
```
#6653aa rgb(102,83,170)
```
#6049b4
```
#6049b4 rgb(96,73,180)
```
#5b3fbe
```
#5b3fbe rgb(91,63,190)
```
#5536c7
```
#5536c7 rgb(85,54,199)
```
#502cd1
```
#502cd1 rgb(80,44,209)
```
#4b22db
```
#4b22db rgb(75,34,219)
```
#4519e4
```
#4519e4 rgb(69,25,228)
```
#400fee
```
#400fee rgb(64,15,238)
```
#3a05f8
```
#3a05f8 rgb(58,5,248)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4b4465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1d47b7 Protanomaly 1% of men, 0.01% of women
#1d4aa9 Deuteranomaly 6% of men, 0.4% of women
#1d4e8e Tritanomaly 0.01% of the population

#502cd1 hex color

#502cd1 Color Information

#502cd1 Color Conversion

Color Schemes with #502cd1

Alternatives to #502cd1

#502cd1 Preview

Shades and Tints of #502cd1

Tones of #502cd1

Color Blindness Simulator