#502ff0 hex color

In a RGB color space, hex #502ff0 is composed of 31.4% red, 18.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 80.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 250.3 degrees, a saturation of 86.5% and a lightness of 56.3%. #502ff0 color hex could be obtained by blending #a05eff with #0000e1. Closest websafe color is: #6633ff.

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

● #502ff0 color description : Bright blue.

The hexadecimal color #502ff0 has RGB values of R:80, G:47, B:240 and CMYK values of C:0.67, M:0.8, Y:0, K:0.06. Its decimal value is 5255152.

Hex triplet	502ff0	`#502ff0`
RGB Decimal	80, 47, 240	`rgb(80,47,240)`
RGB Percent	31.4, 18.4, 94.1	`rgb(31.4%,18.4%,94.1%)`
CMYK	67, 80, 0, 6
HSL	250.3°, 86.5, 56.3	`hsl(250.3,86.5%,56.3%)`
HSV (or HSB)	250.3°, 80.4, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.894, 65.34, -90.007
XYZ	20.05, 10.029, 83.312
xyY	0.177, 0.088, 10.029
CIE-LCH	37.894, 111.223, 305.978
CIE-LUV	37.894, -3.487, -124.953
Hunter-Lab	31.668, 57.593, -133.811
Binary	01010000, 00101111, 11110000

#502ff0
```
#502ff0 rgb(80,47,240)
```
#cff02f
```
#cff02f rgb(207,240,47)
```

Complementary Color

#2f6ff0
```
#2f6ff0 rgb(47,111,240)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#b12ff0
```
#b12ff0 rgb(177,47,240)
```

Analogous Color

#6ff02f
```
#6ff02f rgb(111,240,47)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#f0b12f
```
#f0b12f rgb(240,177,47)
```

Split Complementary Color

#2ff050
```
#2ff050 rgb(47,240,80)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#f0502f
```
#f0502f rgb(240,80,47)
```

Triadic Color

#2fcff0
```
#2fcff0 rgb(47,207,240)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#f0502f
```
#f0502f rgb(240,80,47)
```
#cff02f
```
#cff02f rgb(207,240,47)
```

Tetradic Color

#2d0ec4
```
#2d0ec4 rgb(45,14,196)
```
#3310dc
```
#3310dc rgb(51,16,220)
```
#3c17ee
```
#3c17ee rgb(60,23,238)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#6447f2
```
#6447f2 rgb(100,71,242)
```
#785ff3
```
#785ff3 rgb(120,95,243)
```
#8c76f5
```
#8c76f5 rgb(140,118,245)
```

Monochromatic Color

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

#2f3ef0
```
#2f3ef0 rgb(47,62,240)
```
#302ff0
```
#302ff0 rgb(48,47,240)
```
#402ff0
```
#402ff0 rgb(64,47,240)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#602ff0
```
#602ff0 rgb(96,47,240)
```
#702ff0
```
#702ff0 rgb(112,47,240)
```
#802ff0
```
#802ff0 rgb(128,47,240)
```

Similar Colors

Text with hexadecimal color #502ff0

This text has a font color of #502ff0.

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

#502ff0 background color

This paragraph has a background color of #502ff0.

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

#502ff0 border color

This element has a border color of #502ff0.

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

CSS codes

.text {color:#502ff0;}

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

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

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, #03010c is the darkest color, while #f9f8ff is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#07021e
```
#07021e rgb(7,2,30)
```
#0b0330
```
#0b0330 rgb(11,3,48)
```
#0f0542
```
#0f0542 rgb(15,5,66)
```
#140655
```
#140655 rgb(20,6,85)
```
#180767
```
#180767 rgb(24,7,103)
```
#1c0979
```
#1c0979 rgb(28,9,121)
```
#200a8c
```
#200a8c rgb(32,10,140)
```
#240b9e
```
#240b9e rgb(36,11,158)
```
#290db0
```
#290db0 rgb(41,13,176)
```
#2d0ec3
```
#2d0ec3 rgb(45,14,195)
```
#310fd5
```
#310fd5 rgb(49,15,213)
```
#3511e7
```
#3511e7 rgb(53,17,231)
```

Shade Color Variation

#411def
```
#411def rgb(65,29,239)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#5f41f1
```
#5f41f1 rgb(95,65,241)
```
#6f54f3
```
#6f54f3 rgb(111,84,243)
```
#7e66f4
```
#7e66f4 rgb(126,102,244)
```
#8e78f5
```
#8e78f5 rgb(142,120,245)
```
#9d8af7
```
#9d8af7 rgb(157,138,247)
```
#ac9df8
```
#ac9df8 rgb(172,157,248)
```
#bcaff9
```
#bcaff9 rgb(188,175,249)
```
#cbc1fb
```
#cbc1fb rgb(203,193,251)
```
#dbd4fc
```
#dbd4fc rgb(219,212,252)
```
#eae6fd
```
#eae6fd rgb(234,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#8e8d92
```
#8e8d92 rgb(142,141,146)
```
#88859a
```
#88859a rgb(136,133,154)
```
#837ca3
```
#837ca3 rgb(131,124,163)
```
#7d74ab
```
#7d74ab rgb(125,116,171)
```
#786bb4
```
#786bb4 rgb(120,107,180)
```
#7262bd
```
#7262bd rgb(114,98,189)
```
#6c5ac5
```
#6c5ac5 rgb(108,90,197)
```
#6751ce
```
#6751ce rgb(103,81,206)
```
#6149d6
```
#6149d6 rgb(97,73,214)
```
#5b40df
```
#5b40df rgb(91,64,223)
```
#5638e7
```
#5638e7 rgb(86,56,231)
```
#502ff0
```
#502ff0 rgb(80,47,240)
```
#4a26f9
```
#4a26f9 rgb(74,38,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4f496f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4dcc Protanomaly 1% of men, 0.01% of women
#1d51bd Deuteranomaly 6% of men, 0.4% of women
#1d559f Tritanomaly 0.01% of the population

#502ff0 hex color

#502ff0 Color Information

#502ff0 Color Conversion

Color Schemes with #502ff0

Alternatives to #502ff0

#502ff0 Preview

Shades and Tints of #502ff0

Tones of #502ff0

Color Blindness Simulator