#502af8 hex color

In a RGB color space, hex #502af8 is composed of 31.4% red, 16.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 83.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 251.1 degrees, a saturation of 93.6% and a lightness of 56.9%. #502af8 color hex could be obtained by blending #a054ff with #0000f1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 16
- B 97
RGB color chart
- C 68
- M 83
- Y 0
- K 3
CMYK color chart

● #502af8 color description : Bright blue.

The hexadecimal color #502af8 has RGB values of R:80, G:42, B:248 and CMYK values of C:0.68, M:0.83, Y:0, K:0.03. Its decimal value is 5253880.

Hex triplet	502af8	`#502af8`
RGB Decimal	80, 42, 248	`rgb(80,42,248)`
RGB Percent	31.4, 16.5, 97.3	`rgb(31.4%,16.5%,97.3%)`
CMYK	68, 83, 0, 3
HSL	251.1°, 93.6, 56.9	`hsl(251.1,93.6%,56.9%)`
HSV (or HSB)	251.1°, 83.1, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.088, 69.497, -94.196
XYZ	21.076, 10.138, 89.648
xyY	0.174, 0.084, 10.138
CIE-LCH	38.088, 117.059, 306.42
CIE-LUV	38.088, -3.536, -129.706
Hunter-Lab	31.84, 62.438, -144.649
Binary	01010000, 00101010, 11111000

#502af8
```
#502af8 rgb(80,42,248)
```
#d2f82a
```
#d2f82a rgb(210,248,42)
```

Complementary Color

#2a6bf8
```
#2a6bf8 rgb(42,107,248)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#b72af8
```
#b72af8 rgb(183,42,248)
```

Analogous Color

#6bf82a
```
#6bf82a rgb(107,248,42)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#f8b72a
```
#f8b72a rgb(248,183,42)
```

Split Complementary Color

#2af850
```
#2af850 rgb(42,248,80)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#f8502a
```
#f8502a rgb(248,80,42)
```

Triadic Color

#2ad2f8
```
#2ad2f8 rgb(42,210,248)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#f8502a
```
#f8502a rgb(248,80,42)
```
#d2f82a
```
#d2f82a rgb(210,248,42)
```

Tetradic Color

#2c07cf
```
#2c07cf rgb(44,7,207)
```
#3108e7
```
#3108e7 rgb(49,8,231)
```
#3c11f7
```
#3c11f7 rgb(60,17,247)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#6443f9
```
#6443f9 rgb(100,67,249)
```
#795bfa
```
#795bfa rgb(121,91,250)
```
#8d74fa
```
#8d74fa rgb(141,116,250)
```

Monochromatic Color

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

#2a38f8
```
#2a38f8 rgb(42,56,248)
```
#2e2af8
```
#2e2af8 rgb(46,42,248)
```
#3f2af8
```
#3f2af8 rgb(63,42,248)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#612af8
```
#612af8 rgb(97,42,248)
```
#722af8
```
#722af8 rgb(114,42,248)
```
#842af8
```
#842af8 rgb(132,42,248)
```

Similar Colors

Text with hexadecimal color #502af8

This text has a font color of #502af8.

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

#502af8 background color

This paragraph has a background color of #502af8.

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

#502af8 border color

This element has a border color of #502af8.

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

CSS codes

.text {color:#502af8;}

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

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

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, #03000f is the darkest color, while #fcfbff is the lightest one.

#03000f
```
#03000f rgb(3,0,15)
```
#070122
```
#070122 rgb(7,1,34)
```
#0b0235
```
#0b0235 rgb(11,2,53)
```
#0f0248
```
#0f0248 rgb(15,2,72)
```
#13035b
```
#13035b rgb(19,3,91)
```
#17046e
```
#17046e rgb(23,4,110)
```
#1b0481
```
#1b0481 rgb(27,4,129)
```
#1f0594
```
#1f0594 rgb(31,5,148)
```
#2305a7
```
#2305a7 rgb(35,5,167)
```
#2706ba
```
#2706ba rgb(39,6,186)
```
#2b07cd
```
#2b07cd rgb(43,7,205)
```
#2f07e0
```
#2f07e0 rgb(47,7,224)
```
#3308f3
```
#3308f3 rgb(51,8,243)
```

Shade Color Variation

#4017f7
```
#4017f7 rgb(64,23,247)
```
#502af8
```
#502af8 rgb(80,42,248)
```
#603df9
```
#603df9 rgb(96,61,249)
```
#6f50f9
```
#6f50f9 rgb(111,80,249)
```
#7f63fa
```
#7f63fa rgb(127,99,250)
```
#8e76fa
```
#8e76fa rgb(142,118,250)
```
#9e89fb
```
#9e89fb rgb(158,137,251)
```
#ae9cfc
```
#ae9cfc rgb(174,156,252)
```
#bdaffc
```
#bdaffc rgb(189,175,252)
```
#cdc2fd
```
#cdc2fd rgb(205,194,253)
```
#dcd5fe
```
#dcd5fe rgb(220,213,254)
```
#ece8fe
```
#ece8fe rgb(236,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#909092
```
#909092 rgb(144,144,146)
```
#8b879b
```
#8b879b rgb(139,135,155)
```
#857fa3
```
#857fa3 rgb(133,127,163)
```
#8076ac
```
#8076ac rgb(128,118,172)
```
#7b6eb4
```
#7b6eb4 rgb(123,110,180)
```
#7565bd
```
#7565bd rgb(117,101,189)
```
#705dc5
```
#705dc5 rgb(112,93,197)
```
#6b54ce
```
#6b54ce rgb(107,84,206)
```
#654cd6
```
#654cd6 rgb(101,76,214)
```
#6043df
```
#6043df rgb(96,67,223)
```
#5b3be7
```
#5b3be7 rgb(91,59,231)
```
#5532f0
```
#5532f0 rgb(85,50,240)
```
#502af8
```
#502af8 rgb(80,42,248)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e466f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4cd0 Protanomaly 1% of men, 0.01% of women
#1d4fc0 Deuteranomaly 6% of men, 0.4% of women
#1d53a2 Tritanomaly 0.01% of the population

#502af8 hex color

#502af8 Color Information

#502af8 Color Conversion

Color Schemes with #502af8

Alternatives to #502af8

#502af8 Preview

Shades and Tints of #502af8

Tones of #502af8

Color Blindness Simulator