#502cff Color Information
In a RGB color space, hex #502cff is composed of 31.4% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 250.2 degrees, a saturation of 100% and a lightness of 58.6%. #502cff color hex could be obtained by blending #a058ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 31
- G 17
- B 100
-
- C 69
- M 83
- Y 0
- K 0
● #502cff color description : Vivid blue.
#502cff Color Conversion
The hexadecimal color #502cff has RGB values of R:80, G:44, B:255 and CMYK values of C:0.69, M:0.83, Y:0, K:0. Its decimal value is 5254399.
Hex triplet | 502cff | #502cff |
---|---|---|
RGB Decimal | 80, 44, 255 | rgb(80,44,255) |
RGB Percent | 31.4, 17.3, 100 | rgb(31.4%,17.3%,100%) |
CMYK | 69, 83, 0, 0 | |
HSL | 250.2°, 100, 58.6 | hsl(250.2,100%,58.6%) |
HSV (or HSB) | 250.2°, 82.7, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 39.115, 70.616, -96.42 |
---|---|
XYZ | 22.255, 10.726, 95.5 |
xyY | 0.173, 0.083, 10.726 |
CIE-LCH | 39.115, 119.513, 306.218 |
CIE-LUV | 39.115, -4.214, -133.628 |
Hunter-Lab | 32.75, 63.987, -149.965 |
Binary | 01010000, 00101100, 11111111 |
Color Schemes with #502cff
Alternatives to #502cff
Below, you can see some colors close to #502cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#502cff Preview
This text has a font color of #502cff.
<span style="color:#502cff;">Text here</span>
This paragraph has a background color of #502cff.
<p style="background-color:#502cff;">Content here</p>
This element has a border color of #502cff.
<div style="border:1px solid #502cff;">Content here</div>
.text {color:#502cff;}
.background {background-color:#502cff;}
.border {border:1px solid #502cff;}
Shades and Tints of #502cff
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, #010005 is the darkest color, while #f3f0ff is the lightest one.
-
#010005
#010005
rgb(1,0,5)
-
#040018
#040018
rgb(4,0,24)
-
#08002c
#08002c
rgb(8,0,44)
-
#0b0040
#0b0040
rgb(11,0,64)
-
#0e0053
#0e0053
rgb(14,0,83)
-
#120067
#120067
rgb(18,0,103)
-
#15007a
#15007a
rgb(21,0,122)
-
#18008e
#18008e
rgb(24,0,142)
-
#1c00a2
#1c00a2
rgb(28,0,162)
-
#1f00b5
#1f00b5
rgb(31,0,181)
-
#2200c9
#2200c9
rgb(34,0,201)
-
#2600dd
#2600dd
rgb(38,0,221)
-
#2900f0
#2900f0
rgb(41,0,240)
-
#2f05ff
#2f05ff
rgb(47,5,255)
-
#4018ff
#4018ff
rgb(64,24,255)
-
#502cff
#502cff
rgb(80,44,255)
-
#6040ff
#6040ff
rgb(96,64,255)
-
#7153ff
#7153ff
rgb(113,83,255)
-
#8167ff
#8167ff
rgb(129,103,255)
-
#917aff
#917aff
rgb(145,122,255)
-
#a18eff
#a18eff
rgb(161,142,255)
-
#b2a2ff
#b2a2ff
rgb(178,162,255)
-
#c2b5ff
#c2b5ff
rgb(194,181,255)
-
#d2c9ff
#d2c9ff
rgb(210,201,255)
-
#e2ddff
#e2ddff
rgb(226,221,255)
-
#f3f0ff
#f3f0ff
rgb(243,240,255)
Tones of #502cff
A tone is produced by adding gray to any pure hue. In this case, #908d9e is the less saturated color, while #502cff is the most saturated one.
-
#908d9e
#908d9e
rgb(144,141,158)
-
#8b85a6
#8b85a6
rgb(139,133,166)
-
#857dae
#857dae
rgb(133,125,174)
-
#8075b6
#8075b6
rgb(128,117,182)
-
#7b6dbe
#7b6dbe
rgb(123,109,190)
-
#7565c6
#7565c6
rgb(117,101,198)
-
#705dce
#705dce
rgb(112,93,206)
-
#6b55d6
#6b55d6
rgb(107,85,214)
-
#654cdf
#654cdf
rgb(101,76,223)
-
#6044e7
#6044e7
rgb(96,68,231)
-
#5b3cef
#5b3cef
rgb(91,60,239)
-
#5534f7
#5534f7
rgb(85,52,247)
-
#502cff
#502cff
rgb(80,44,255)
Color Blindness Simulator
Below, you can see how #502cff 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.