#502fef hex color

In a RGB color space, hex #502fef is composed of 31.4% red, 18.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 80.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 250.3 degrees, a saturation of 85.7% and a lightness of 56.1%. #502fef color hex could be obtained by blending #a05eff with #0000df. 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

● #502fef color description : Bright blue.

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

Hex triplet	502fef	`#502fef`
RGB Decimal	80, 47, 239	`rgb(80,47,239)`
RGB Percent	31.4, 18.4, 93.7	`rgb(31.4%,18.4%,93.7%)`
CMYK	67, 80, 0, 6
HSL	250.3°, 85.7, 56.1	`hsl(250.3,85.7%,56.1%)`
HSV (or HSB)	250.3°, 80.3, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.788, 65.064, -89.617
XYZ	19.902, 9.97, 82.532
xyY	0.177, 0.089, 9.97
CIE-LCH	37.788, 110.746, 305.98
CIE-LUV	37.788, -3.416, -124.376
Hunter-Lab	31.575, 57.255, -132.874
Binary	01010000, 00101111, 11101111

#502fef
```
#502fef rgb(80,47,239)
```
#ceef2f
```
#ceef2f rgb(206,239,47)
```

Complementary Color

#2f6eef
```
#2f6eef rgb(47,110,239)
```
#502fef
```
#502fef rgb(80,47,239)
```
#b02fef
```
#b02fef rgb(176,47,239)
```

Analogous Color

#6eef2f
```
#6eef2f rgb(110,239,47)
```
#502fef
```
#502fef rgb(80,47,239)
```
#efb02f
```
#efb02f rgb(239,176,47)
```

Split Complementary Color

#2fef50
```
#2fef50 rgb(47,239,80)
```
#502fef
```
#502fef rgb(80,47,239)
```
#ef502f
```
#ef502f rgb(239,80,47)
```

Triadic Color

#2fceef
```
#2fceef rgb(47,206,239)
```
#502fef
```
#502fef rgb(80,47,239)
```
#ef502f
```
#ef502f rgb(239,80,47)
```
#ceef2f
```
#ceef2f rgb(206,239,47)
```

Tetradic Color

#2e0fc3
```
#2e0fc3 rgb(46,15,195)
```
#3311da
```
#3311da rgb(51,17,218)
```
#3c17ed
```
#3c17ed rgb(60,23,237)
```
#502fef
```
#502fef rgb(80,47,239)
```
#6447f1
```
#6447f1 rgb(100,71,241)
```
#785ef3
```
#785ef3 rgb(120,94,243)
```
#8c76f4
```
#8c76f4 rgb(140,118,244)
```

Monochromatic Color

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

#2f3eef
```
#2f3eef rgb(47,62,239)
```
#302fef
```
#302fef rgb(48,47,239)
```
#402fef
```
#402fef rgb(64,47,239)
```
#502fef
```
#502fef rgb(80,47,239)
```
#602fef
```
#602fef rgb(96,47,239)
```
#702fef
```
#702fef rgb(112,47,239)
```
#802fef
```
#802fef rgb(128,47,239)
```

Similar Colors

Text with hexadecimal color #502fef

This text has a font color of #502fef.

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

#502fef background color

This paragraph has a background color of #502fef.

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

#502fef border color

This element has a border color of #502fef.

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

CSS codes

.text {color:#502fef;}

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

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

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, #02010b is the darkest color, while #f9f7fe is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#07021d
```
#07021d rgb(7,2,29)
```
#0b042f
```
#0b042f rgb(11,4,47)
```
#0f0541
```
#0f0541 rgb(15,5,65)
```
#140653
```
#140653 rgb(20,6,83)
```
#180866
```
#180866 rgb(24,8,102)
```
#1c0978
```
#1c0978 rgb(28,9,120)
```
#210b8a
```
#210b8a rgb(33,11,138)
```
#250c9c
```
#250c9c rgb(37,12,156)
```
#290daf
```
#290daf rgb(41,13,175)
```
#2d0fc1
```
#2d0fc1 rgb(45,15,193)
```
#3210d3
```
#3210d3 rgb(50,16,211)
```
#3612e5
```
#3612e5 rgb(54,18,229)
```

Shade Color Variation

#411dee
```
#411dee rgb(65,29,238)
```
#502fef
```
#502fef rgb(80,47,239)
```
#5f41f0
```
#5f41f0 rgb(95,65,240)
```
#6f53f2
```
#6f53f2 rgb(111,83,242)
```
#7e66f3
```
#7e66f3 rgb(126,102,243)
```
#8d78f5
```
#8d78f5 rgb(141,120,245)
```
#9d8af6
```
#9d8af6 rgb(157,138,246)
```
#ac9cf7
```
#ac9cf7 rgb(172,156,247)
```
#bbaff9
```
#bbaff9 rgb(187,175,249)
```
#cbc1fa
```
#cbc1fa rgb(203,193,250)
```
#dad3fc
```
#dad3fc rgb(218,211,252)
```
#e9e5fd
```
#e9e5fd rgb(233,229,253)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#8e8e90
```
#8e8e90 rgb(142,142,144)
```
#898599
```
#898599 rgb(137,133,153)
```
#837da1
```
#837da1 rgb(131,125,161)
```
#7d74aa
```
#7d74aa rgb(125,116,170)
```
#786bb3
```
#786bb3 rgb(120,107,179)
```
#7263bb
```
#7263bb rgb(114,99,187)
```
#6c5ac4
```
#6c5ac4 rgb(108,90,196)
```
#6751cd
```
#6751cd rgb(103,81,205)
```
#6149d5
```
#6149d5 rgb(97,73,213)
```
#5b40de
```
#5b40de rgb(91,64,222)
```
#5638e6
```
#5638e6 rgb(86,56,230)
```
#502fef
```
#502fef rgb(80,47,239)
```
#4a26f8
```
#4a26f8 rgb(74,38,248)
```

Tone Color Variation

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

#005eb8 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
#1d50bc Deuteranomaly 6% of men, 0.4% of women
#1d559f Tritanomaly 0.01% of the population

#502fef hex color

#502fef Color Information

#502fef Color Conversion

Color Schemes with #502fef

Alternatives to #502fef

#502fef Preview

Shades and Tints of #502fef

Tones of #502fef

Color Blindness Simulator