#502efa hex color

In a RGB color space, hex #502efa is composed of 31.4% red, 18% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 81.6% magenta, 0% yellow and 2% black. It has a hue angle of 250 degrees, a saturation of 95.3% and a lightness of 58%. #502efa color hex could be obtained by blending #a05cff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 18
- B 98
RGB color chart
- C 68
- M 82
- Y 0
- K 2
CMYK color chart

● #502efa color description : Bright blue.

The hexadecimal color #502efa has RGB values of R:80, G:46, B:250 and CMYK values of C:0.68, M:0.82, Y:0, K:0.02. Its decimal value is 5254906.

Hex triplet	502efa	`#502efa`
RGB Decimal	80, 46, 250	`rgb(80,46,250)`
RGB Percent	31.4, 18, 98	`rgb(31.4%,18%,98%)`
CMYK	68, 82, 0, 2
HSL	250°, 95.3, 58	`hsl(250,95.3%,58%)`
HSV (or HSB)	250°, 81.6, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.83, 68.49, -94.09
XYZ	21.537, 10.561, 91.341
xyY	0.174, 0.086, 10.561
CIE-LCH	38.83, 116.378, 306.052
CIE-LUV	38.83, -4.074, -130.727
Hunter-Lab	32.497, 61.431, -143.901
Binary	01010000, 00101110, 11111010

#502efa
```
#502efa rgb(80,46,250)
```
#d8fa2e
```
#d8fa2e rgb(216,250,46)
```

Complementary Color

#2e72fa
```
#2e72fa rgb(46,114,250)
```
#502efa
```
#502efa rgb(80,46,250)
```
#b62efa
```
#b62efa rgb(182,46,250)
```

Analogous Color

#72fa2e
```
#72fa2e rgb(114,250,46)
```
#502efa
```
#502efa rgb(80,46,250)
```
#fab62e
```
#fab62e rgb(250,182,46)
```

Split Complementary Color

#2efa50
```
#2efa50 rgb(46,250,80)
```
#502efa
```
#502efa rgb(80,46,250)
```
#fa502e
```
#fa502e rgb(250,80,46)
```

Triadic Color

#2ed8fa
```
#2ed8fa rgb(46,216,250)
```
#502efa
```
#502efa rgb(80,46,250)
```
#fa502e
```
#fa502e rgb(250,80,46)
```
#d8fa2e
```
#d8fa2e rgb(216,250,46)
```

Tetradic Color

#2805d6
```
#2805d6 rgb(40,5,214)
```
#2d06ef
```
#2d06ef rgb(45,6,239)
```
#3b15f9
```
#3b15f9 rgb(59,21,249)
```
#502efa
```
#502efa rgb(80,46,250)
```
#6547fb
```
#6547fb rgb(101,71,251)
```
#7a60fb
```
#7a60fb rgb(122,96,251)
```
#8f79fc
```
#8f79fc rgb(143,121,252)
```

Monochromatic Color

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

#2e3ffa
```
#2e3ffa rgb(46,63,250)
```
#2e2efa
```
#2e2efa rgb(46,46,250)
```
#3f2efa
```
#3f2efa rgb(63,46,250)
```
#502efa
```
#502efa rgb(80,46,250)
```
#612efa
```
#612efa rgb(97,46,250)
```
#722efa
```
#722efa rgb(114,46,250)
```
#832efa
```
#832efa rgb(131,46,250)
```

Similar Colors

Text with hexadecimal color #502efa

This text has a font color of #502efa.

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

#502efa background color

This paragraph has a background color of #502efa.

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

#502efa border color

This element has a border color of #502efa.

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

CSS codes

.text {color:#502efa;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040015
```
#040015 rgb(4,0,21)
```
#070128
```
#070128 rgb(7,1,40)
```
#0b013b
```
#0b013b rgb(11,1,59)
```
#0f024e
```
#0f024e rgb(15,2,78)
```
#120262
```
#120262 rgb(18,2,98)
```
#160375
```
#160375 rgb(22,3,117)
```
#190388
```
#190388 rgb(25,3,136)
```
#1d049b
```
#1d049b rgb(29,4,155)
```
#2004ae
```
#2004ae rgb(32,4,174)
```
#2405c1
```
#2405c1 rgb(36,5,193)
```
#2805d4
```
#2805d4 rgb(40,5,212)
```
#2b06e8
```
#2b06e8 rgb(43,6,232)
```

Shade Color Variation

#3008f9
```
#3008f9 rgb(48,8,249)
```
#401bfa
```
#401bfa rgb(64,27,250)
```
#502efa
```
#502efa rgb(80,46,250)
```
#6041fa
```
#6041fa rgb(96,65,250)
```
#7054fb
```
#7054fb rgb(112,84,251)
```
#8067fb
```
#8067fb rgb(128,103,251)
```
#907bfc
```
#907bfc rgb(144,123,252)
```
#a08efc
```
#a08efc rgb(160,142,252)
```
#b0a1fd
```
#b0a1fd rgb(176,161,253)
```
#c0b4fd
```
#c0b4fd rgb(192,180,253)
```
#d0c7fe
```
#d0c7fe rgb(208,199,254)
```
#e0dafe
```
#e0dafe rgb(224,218,254)
```
#f0eeff
```
#f0eeff rgb(240,238,255)
```

Tint Color Variation

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

#929197
```
#929197 rgb(146,145,151)
```
#8c899f
```
#8c899f rgb(140,137,159)
```
#8780a8
```
#8780a8 rgb(135,128,168)
```
#8178b0
```
#8178b0 rgb(129,120,176)
```
#7c70b8
```
#7c70b8 rgb(124,112,184)
```
#7668c0
```
#7668c0 rgb(118,104,192)
```
#715fc9
```
#715fc9 rgb(113,95,201)
```
#6b57d1
```
#6b57d1 rgb(107,87,209)
```
#664fd9
```
#664fd9 rgb(102,79,217)
```
#6047e1
```
#6047e1 rgb(96,71,225)
```
#5b3eea
```
#5b3eea rgb(91,62,234)
```
#5536f2
```
#5536f2 rgb(85,54,242)
```
#502efa
```
#502efa rgb(80,46,250)
```

Tone Color Variation

Below, you can see how #502efa 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
#4f4871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1d4ed2 Protanomaly 1% of men, 0.01% of women
#1d52c2 Deuteranomaly 6% of men, 0.4% of women
#1d56a4 Tritanomaly 0.01% of the population

#502efa hex color

#502efa Color Information

#502efa Color Conversion

Color Schemes with #502efa

Alternatives to #502efa

#502efa Preview

Shades and Tints of #502efa

Tones of #502efa

Color Blindness Simulator