#502cef hex color

In a RGB color space, hex #502cef is composed of 31.4% red, 17.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 81.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 251.1 degrees, a saturation of 85.9% and a lightness of 55.5%. #502cef color hex could be obtained by blending #a058ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 17
- B 94
RGB color chart
- C 67
- M 82
- Y 0
- K 6
CMYK color chart

● #502cef color description : Bright blue.

The hexadecimal color #502cef has RGB values of R:80, G:44, B:239 and CMYK values of C:0.67, M:0.82, Y:0, K:0.06. Its decimal value is 5254383.

Hex triplet	502cef	`#502cef`
RGB Decimal	80, 44, 239	`rgb(80,44,239)`
RGB Percent	31.4, 17.3, 93.7	`rgb(31.4%,17.3%,93.7%)`
CMYK	67, 82, 0, 6
HSL	251.1°, 85.9, 55.5	`hsl(251.1,85.9%,55.5%)`
HSV (or HSB)	251.1°, 81.6, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.368, 66.296, -90.313
XYZ	19.786, 9.738, 82.494
xyY	0.177, 0.087, 9.738
CIE-LCH	37.368, 112.034, 306.281
CIE-LUV	37.368, -3.091, -124.507
Hunter-Lab	31.206, 58.568, -134.892
Binary	01010000, 00101100, 11101111

#502cef
```
#502cef rgb(80,44,239)
```
#cbef2c
```
#cbef2c rgb(203,239,44)
```

Complementary Color

#2c6aef
```
#2c6aef rgb(44,106,239)
```
#502cef
```
#502cef rgb(80,44,239)
```
#b22cef
```
#b22cef rgb(178,44,239)
```

Analogous Color

#6aef2c
```
#6aef2c rgb(106,239,44)
```
#502cef
```
#502cef rgb(80,44,239)
```
#efb22c
```
#efb22c rgb(239,178,44)
```

Split Complementary Color

#2cef50
```
#2cef50 rgb(44,239,80)
```
#502cef
```
#502cef rgb(80,44,239)
```
#ef502c
```
#ef502c rgb(239,80,44)
```

Triadic Color

#2ccbef
```
#2ccbef rgb(44,203,239)
```
#502cef
```
#502cef rgb(80,44,239)
```
#ef502c
```
#ef502c rgb(239,80,44)
```
#cbef2c
```
#cbef2c rgb(203,239,44)
```

Tetradic Color

#2f0fc0
```
#2f0fc0 rgb(47,15,192)
```
#3510d8
```
#3510d8 rgb(53,16,216)
```
#3c14ed
```
#3c14ed rgb(60,20,237)
```
#502cef
```
#502cef rgb(80,44,239)
```
#6444f1
```
#6444f1 rgb(100,68,241)
```
#775bf3
```
#775bf3 rgb(119,91,243)
```
#8b73f4
```
#8b73f4 rgb(139,115,244)
```

Monochromatic Color

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

#2c39ef
```
#2c39ef rgb(44,57,239)
```
#2f2cef
```
#2f2cef rgb(47,44,239)
```
#402cef
```
#402cef rgb(64,44,239)
```
#502cef
```
#502cef rgb(80,44,239)
```
#602cef
```
#602cef rgb(96,44,239)
```
#712cef
```
#712cef rgb(113,44,239)
```
#812cef
```
#812cef rgb(129,44,239)
```

Similar Colors

Text with hexadecimal color #502cef

This text has a font color of #502cef.

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

#502cef background color

This paragraph has a background color of #502cef.

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

#502cef border color

This element has a border color of #502cef.

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

CSS codes

.text {color:#502cef;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#06021a
```
#06021a rgb(6,2,26)
```
#0b032c
```
#0b032c rgb(11,3,44)
```
#0f053e
```
#0f053e rgb(15,5,62)
```
#140651
```
#140651 rgb(20,6,81)
```
#180863
```
#180863 rgb(24,8,99)
```
#1d0975
```
#1d0975 rgb(29,9,117)
```
#210a87
```
#210a87 rgb(33,10,135)
```
#260c9a
```
#260c9a rgb(38,12,154)
```
#2a0dac
```
#2a0dac rgb(42,13,172)
```
#2f0ebe
```
#2f0ebe rgb(47,14,190)
```
#3310d0
```
#3310d0 rgb(51,16,208)
```
#3811e3
```
#3811e3 rgb(56,17,227)
```

Shade Color Variation

#411aee
```
#411aee rgb(65,26,238)
```
#502cef
```
#502cef rgb(80,44,239)
```
#5f3ef0
```
#5f3ef0 rgb(95,62,240)
```
#6e50f2
```
#6e50f2 rgb(110,80,242)
```
#7d63f3
```
#7d63f3 rgb(125,99,243)
```
#8c75f5
```
#8c75f5 rgb(140,117,245)
```
#9c87f6
```
#9c87f6 rgb(156,135,246)
```
#ab99f7
```
#ab99f7 rgb(171,153,247)
```
#baacf9
```
#baacf9 rgb(186,172,249)
```
#c9befa
```
#c9befa rgb(201,190,250)
```
#d8d0fb
```
#d8d0fb rgb(216,208,251)
```
#e7e2fd
```
#e7e2fd rgb(231,226,253)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8c8f is the less saturated color, while #4a23f8 is the most saturated one.

#8d8c8f
```
#8d8c8f rgb(141,140,143)
```
#878398
```
#878398 rgb(135,131,152)
```
#827ba0
```
#827ba0 rgb(130,123,160)
```
#7c72a9
```
#7c72a9 rgb(124,114,169)
```
#7769b2
```
#7769b2 rgb(119,105,178)
```
#7160bb
```
#7160bb rgb(113,96,187)
```
#6c58c3
```
#6c58c3 rgb(108,88,195)
```
#664fcc
```
#664fcc rgb(102,79,204)
```
#6146d5
```
#6146d5 rgb(97,70,213)
```
#5b3dde
```
#5b3dde rgb(91,61,222)
```
#5635e6
```
#5635e6 rgb(86,53,230)
```
#502cef
```
#502cef rgb(80,44,239)
```
#4a23f8
```
#4a23f8 rgb(74,35,248)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1d4bca Protanomaly 1% of men, 0.01% of women
#1d4fbb Deuteranomaly 6% of men, 0.4% of women
#1d539e Tritanomaly 0.01% of the population

#502cef hex color

#502cef Color Information

#502cef Color Conversion

Color Schemes with #502cef

Alternatives to #502cef

#502cef Preview

Shades and Tints of #502cef

Tones of #502cef

Color Blindness Simulator