#502fec hex color

In a RGB color space, hex #502fec is composed of 31.4% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 250.5 degrees, a saturation of 83.3% and a lightness of 55.5%. #502fec color hex could be obtained by blending #a05eff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 18
- B 93
RGB color chart
- C 66
- M 80
- Y 0
- K 7
CMYK color chart

● #502fec color description : Bright blue.

The hexadecimal color #502fec has RGB values of R:80, G:47, B:236 and CMYK values of C:0.66, M:0.8, Y:0, K:0.07. Its decimal value is 5255148.

Hex triplet	502fec	`#502fec`
RGB Decimal	80, 47, 236	`rgb(80,47,236)`
RGB Percent	31.4, 18.4, 92.5	`rgb(31.4%,18.4%,92.5%)`
CMYK	66, 80, 0, 7
HSL	250.5°, 83.3, 55.5	`hsl(250.5,83.3%,55.5%)`
HSV (or HSB)	250.5°, 80.1, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.47, 64.232, -88.445
XYZ	19.462, 9.794, 80.217
xyY	0.178, 0.089, 9.794
CIE-LCH	37.47, 109.308, 305.989
CIE-LUV	37.47, -3.202, -122.642
Hunter-Lab	31.295, 56.242, -130.069
Binary	01010000, 00101111, 11101100

#502fec
```
#502fec rgb(80,47,236)
```
#cbec2f
```
#cbec2f rgb(203,236,47)
```

Complementary Color

#2f6dec
```
#2f6dec rgb(47,109,236)
```
#502fec
```
#502fec rgb(80,47,236)
```
#af2fec
```
#af2fec rgb(175,47,236)
```

Analogous Color

#6dec2f
```
#6dec2f rgb(109,236,47)
```
#502fec
```
#502fec rgb(80,47,236)
```
#ecaf2f
```
#ecaf2f rgb(236,175,47)
```

Split Complementary Color

#2fec50
```
#2fec50 rgb(47,236,80)
```
#502fec
```
#502fec rgb(80,47,236)
```
#ec502f
```
#ec502f rgb(236,80,47)
```

Triadic Color

#2fcbec
```
#2fcbec rgb(47,203,236)
```
#502fec
```
#502fec rgb(80,47,236)
```
#ec502f
```
#ec502f rgb(236,80,47)
```
#cbec2f
```
#cbec2f rgb(203,236,47)
```

Tetradic Color

#2f11bd
```
#2f11bd rgb(47,17,189)
```
#3513d5
```
#3513d5 rgb(53,19,213)
```
#3c18ea
```
#3c18ea rgb(60,24,234)
```
#502fec
```
#502fec rgb(80,47,236)
```
#6446ee
```
#6446ee rgb(100,70,238)
```
#775ef0
```
#775ef0 rgb(119,94,240)
```
#8b75f2
```
#8b75f2 rgb(139,117,242)
```

Monochromatic Color

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

#2f3dec
```
#2f3dec rgb(47,61,236)
```
#312fec
```
#312fec rgb(49,47,236)
```
#402fec
```
#402fec rgb(64,47,236)
```
#502fec
```
#502fec rgb(80,47,236)
```
#602fec
```
#602fec rgb(96,47,236)
```
#702fec
```
#702fec rgb(112,47,236)
```
#7f2fec
```
#7f2fec rgb(127,47,236)
```

Similar Colors

Text with hexadecimal color #502fec

This text has a font color of #502fec.

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

#502fec background color

This paragraph has a background color of #502fec.

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

#502fec border color

This element has a border color of #502fec.

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

CSS codes

.text {color:#502fec;}

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

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

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)
```
#0b042c
```
#0b042c rgb(11,4,44)
```
#0f063e
```
#0f063e rgb(15,6,62)
```
#140750
```
#140750 rgb(20,7,80)
```
#180962
```
#180962 rgb(24,9,98)
```
#1d0b74
```
#1d0b74 rgb(29,11,116)
```
#210c85
```
#210c85 rgb(33,12,133)
```
#260e97
```
#260e97 rgb(38,14,151)
```
#2a0fa9
```
#2a0fa9 rgb(42,15,169)
```
#2f11bb
```
#2f11bb rgb(47,17,187)
```
#3313cd
```
#3313cd rgb(51,19,205)
```
#3814df
```
#3814df rgb(56,20,223)
```

Shade Color Variation

#411dea
```
#411dea rgb(65,29,234)
```
#502fec
```
#502fec rgb(80,47,236)
```
#5f41ee
```
#5f41ee rgb(95,65,238)
```
#6e53ef
```
#6e53ef rgb(110,83,239)
```
#7d65f1
```
#7d65f1 rgb(125,101,241)
```
#8c77f3
```
#8c77f3 rgb(140,119,243)
```
#9c89f4
```
#9c89f4 rgb(156,137,244)
```
#ab9bf6
```
#ab9bf6 rgb(171,155,246)
```
#baadf7
```
#baadf7 rgb(186,173,247)
```
#c9bff9
```
#c9bff9 rgb(201,191,249)
```
#d8d1fb
```
#d8d1fb rgb(216,209,251)
```
#e7e3fc
```
#e7e3fc rgb(231,227,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898695 is the less saturated color, while #451efd is the most saturated one.

#898695
```
#898695 rgb(137,134,149)
```
#837e9d
```
#837e9d rgb(131,126,157)
```
#7d75a6
```
#7d75a6 rgb(125,117,166)
```
#786caf
```
#786caf rgb(120,108,175)
```
#7263b8
```
#7263b8 rgb(114,99,184)
```
#6c5bc0
```
#6c5bc0 rgb(108,91,192)
```
#6752c9
```
#6752c9 rgb(103,82,201)
```
#6149d2
```
#6149d2 rgb(97,73,210)
```
#5b40db
```
#5b40db rgb(91,64,219)
```
#5638e3
```
#5638e3 rgb(86,56,227)
```
#502fec
```
#502fec rgb(80,47,236)
```
#4a26f5
```
#4a26f5 rgb(74,38,245)
```
#451efd
```
#451efd rgb(69,30,253)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4e486e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1d4dca Protanomaly 1% of men, 0.01% of women
#1d50ba Deuteranomaly 6% of men, 0.4% of women
#1d549d Tritanomaly 0.01% of the population

#502fec hex color

#502fec Color Information

#502fec Color Conversion

Color Schemes with #502fec

Alternatives to #502fec

#502fec Preview

Shades and Tints of #502fec

Tones of #502fec

Color Blindness Simulator