#502dc4 hex color

In a RGB color space, hex #502dc4 is composed of 31.4% red, 17.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 77% magenta, 0% yellow and 23.1% black. It has a hue angle of 253.9 degrees, a saturation of 62.7% and a lightness of 47.3%. #502dc4 color hex could be obtained by blending #a05aff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 77
RGB color chart
- C 59
- M 77
- Y 0
- K 23
CMYK color chart

● #502dc4 color description : Strong blue.

The hexadecimal color #502dc4 has RGB values of R:80, G:45, B:196 and CMYK values of C:0.59, M:0.77, Y:0, K:0.23. Its decimal value is 5254596.

Hex triplet	502dc4	`#502dc4`
RGB Decimal	80, 45, 196	`rgb(80,45,196)`
RGB Percent	31.4, 17.6, 76.9	`rgb(31.4%,17.6%,76.9%)`
CMYK	59, 77, 0, 23
HSL	253.9°, 62.7, 47.3	`hsl(253.9,62.7%,47.3%)`
HSV (or HSB)	253.9°, 77, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.065, 53.876, -72.666
XYZ	14.209, 7.567, 52.933
xyY	0.19, 0.101, 7.567
CIE-LCH	33.065, 90.46, 306.554
CIE-LUV	33.065, 0.224, -99.137
Hunter-Lab	27.509, 44.057, -94.832
Binary	01010000, 00101101, 11000100

#502dc4
```
#502dc4 rgb(80,45,196)
```
#a1c42d
```
#a1c42d rgb(161,196,45)
```

Complementary Color

#2d56c4
```
#2d56c4 rgb(45,86,196)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#9c2dc4
```
#9c2dc4 rgb(156,45,196)
```

Analogous Color

#56c42d
```
#56c42d rgb(86,196,45)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#c49c2d
```
#c49c2d rgb(196,156,45)
```

Split Complementary Color

#2dc450
```
#2dc450 rgb(45,196,80)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#c4502d
```
#c4502d rgb(196,80,45)
```

Triadic Color

#2da1c4
```
#2da1c4 rgb(45,161,196)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#c4502d
```
#c4502d rgb(196,80,45)
```
#a1c42d
```
#a1c42d rgb(161,196,45)
```

Tetradic Color

#371f86
```
#371f86 rgb(55,31,134)
```
#3f239b
```
#3f239b rgb(63,35,155)
```
#4828af
```
#4828af rgb(72,40,175)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#5c39d2
```
#5c39d2 rgb(92,57,210)
```
#6d4ed6
```
#6d4ed6 rgb(109,78,214)
```
#7e62db
```
#7e62db rgb(126,98,219)
```

Monochromatic Color

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

#2d30c4
```
#2d30c4 rgb(45,48,196)
```
#372dc4
```
#372dc4 rgb(55,45,196)
```
#432dc4
```
#432dc4 rgb(67,45,196)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#5d2dc4
```
#5d2dc4 rgb(93,45,196)
```
#692dc4
```
#692dc4 rgb(105,45,196)
```
#762dc4
```
#762dc4 rgb(118,45,196)
```

Similar Colors

Text with hexadecimal color #502dc4

This text has a font color of #502dc4.

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

#502dc4 background color

This paragraph has a background color of #502dc4.

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

#502dc4 border color

This element has a border color of #502dc4.

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

CSS codes

.text {color:#502dc4;}

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

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

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)
```
#080515
```
#080515 rgb(8,5,21)
```
#0f0824
```
#0f0824 rgb(15,8,36)
```
#150c34
```
#150c34 rgb(21,12,52)
```
#1c1044
```
#1c1044 rgb(28,16,68)
```
#221354
```
#221354 rgb(34,19,84)
```
#291764
```
#291764 rgb(41,23,100)
```
#2f1b74
```
#2f1b74 rgb(47,27,116)
```
#361e84
```
#361e84 rgb(54,30,132)
```
#3c2294
```
#3c2294 rgb(60,34,148)
```
#4326a4
```
#4326a4 rgb(67,38,164)
```
#4929b4
```
#4929b4 rgb(73,41,180)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```

Shade Color Variation

#5834d0
```
#5834d0 rgb(88,52,208)
```
#6644d4
```
#6644d4 rgb(102,68,212)
```
#7354d8
```
#7354d8 rgb(115,84,216)
```
#8064db
```
#8064db rgb(128,100,219)
```
#8d74df
```
#8d74df rgb(141,116,223)
```
#9a84e3
```
#9a84e3 rgb(154,132,227)
```
#a794e6
```
#a794e6 rgb(167,148,230)
```
#b4a4ea
```
#b4a4ea rgb(180,164,234)
```
#c1b4ee
```
#c1b4ee rgb(193,180,238)
```
#cec4f1
```
#cec4f1 rgb(206,196,241)
```
#dbd4f5
```
#dbd4f5 rgb(219,212,245)
```
#e9e4f9
```
#e9e4f9 rgb(233,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, #78777a is the less saturated color, while #3c08e9 is the most saturated one.

#78777a
```
#78777a rgb(120,119,122)
```
#736e83
```
#736e83 rgb(115,110,131)
```
#6e658c
```
#6e658c rgb(110,101,140)
```
#695b96
```
#695b96 rgb(105,91,150)
```
#64529f
```
#64529f rgb(100,82,159)
```
#5f49a8
```
#5f49a8 rgb(95,73,168)
```
#5a40b1
```
#5a40b1 rgb(90,64,177)
```
#5536bb
```
#5536bb rgb(85,54,187)
```
#502dc4
```
#502dc4 rgb(80,45,196)
```
#4b24cd
```
#4b24cd rgb(75,36,205)
```
#461ad7
```
#461ad7 rgb(70,26,215)
```
#4111e0
```
#4111e0 rgb(65,17,224)
```
#3c08e9
```
#3c08e9 rgb(60,8,233)
```

Tone Color Variation

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

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#155f66 Tritanopia 0.001% of the population

Trichromacy

#1d46af Protanomaly 1% of men, 0.01% of women
#1d49a2 Deuteranomaly 6% of men, 0.4% of women
#2a4c88 Tritanomaly 0.01% of the population

#502dc4 hex color

#502dc4 Color Information

#502dc4 Color Conversion

Color Schemes with #502dc4

Alternatives to #502dc4

#502dc4 Preview

Shades and Tints of #502dc4

Tones of #502dc4

Color Blindness Simulator