#502df8 hex color

In a RGB color space, hex #502df8 is composed of 31.4% red, 17.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 81.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 250.3 degrees, a saturation of 93.5% and a lightness of 57.5%. #502df8 color hex could be obtained by blending #a05aff with #0000f1. Closest websafe color is: #6633ff.

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

● #502df8 color description : Bright blue.

The hexadecimal color #502df8 has RGB values of R:80, G:45, B:248 and CMYK values of C:0.68, M:0.82, Y:0, K:0.03. Its decimal value is 5254648.

Hex triplet	502df8	`#502df8`
RGB Decimal	80, 45, 248	`rgb(80,45,248)`
RGB Percent	31.4, 17.6, 97.3	`rgb(31.4%,17.6%,97.3%)`
CMYK	68, 82, 0, 3
HSL	250.3°, 93.5, 57.5	`hsl(250.3,93.5%,57.5%)`
HSV (or HSB)	250.3°, 81.9, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.478, 68.344, -93.549
XYZ	21.187, 10.359, 89.685
xyY	0.175, 0.085, 10.359
CIE-LCH	38.478, 115.855, 306.151
CIE-LUV	38.478, -3.833, -129.621
Hunter-Lab	32.185, 61.181, -142.686
Binary	01010000, 00101101, 11111000

#502df8
```
#502df8 rgb(80,45,248)
```
#d5f82d
```
#d5f82d rgb(213,248,45)
```

Complementary Color

#2d70f8
```
#2d70f8 rgb(45,112,248)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#b62df8
```
#b62df8 rgb(182,45,248)
```

Analogous Color

#70f82d
```
#70f82d rgb(112,248,45)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#f8b62d
```
#f8b62d rgb(248,182,45)
```

Split Complementary Color

#2df850
```
#2df850 rgb(45,248,80)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#f8502d
```
#f8502d rgb(248,80,45)
```

Triadic Color

#2dd5f8
```
#2dd5f8 rgb(45,213,248)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#f8502d
```
#f8502d rgb(248,80,45)
```
#d5f82d
```
#d5f82d rgb(213,248,45)
```

Tetradic Color

#2a07d2
```
#2a07d2 rgb(42,7,210)
```
#2f08ea
```
#2f08ea rgb(47,8,234)
```
#3b14f7
```
#3b14f7 rgb(59,20,247)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#6546f9
```
#6546f9 rgb(101,70,249)
```
#795efa
```
#795efa rgb(121,94,250)
```
#8e77fa
```
#8e77fa rgb(142,119,250)
```

Monochromatic Color

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

#2d3df8
```
#2d3df8 rgb(45,61,248)
```
#2e2df8
```
#2e2df8 rgb(46,45,248)
```
#3f2df8
```
#3f2df8 rgb(63,45,248)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#612df8
```
#612df8 rgb(97,45,248)
```
#722df8
```
#722df8 rgb(114,45,248)
```
#832df8
```
#832df8 rgb(131,45,248)
```

Similar Colors

Text with hexadecimal color #502df8

This text has a font color of #502df8.

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

#502df8 background color

This paragraph has a background color of #502df8.

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

#502df8 border color

This element has a border color of #502df8.

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

CSS codes

.text {color:#502df8;}

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

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

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

#040112
```
#040112 rgb(4,1,18)
```
#070125
```
#070125 rgb(7,1,37)
```
#0b0238
```
#0b0238 rgb(11,2,56)
```
#0f024b
```
#0f024b rgb(15,2,75)
```
#13035e
```
#13035e rgb(19,3,94)
```
#170471
```
#170471 rgb(23,4,113)
```
#1a0484
```
#1a0484 rgb(26,4,132)
```
#1e0597
```
#1e0597 rgb(30,5,151)
```
#2206aa
```
#2206aa rgb(34,6,170)
```
#2606bd
```
#2606bd rgb(38,6,189)
```
#2a07d0
```
#2a07d0 rgb(42,7,208)
```
#2d08e3
```
#2d08e3 rgb(45,8,227)
```
#3108f6
```
#3108f6 rgb(49,8,246)
```

Shade Color Variation

#401af7
```
#401af7 rgb(64,26,247)
```
#502df8
```
#502df8 rgb(80,45,248)
```
#6040f9
```
#6040f9 rgb(96,64,249)
```
#7053f9
```
#7053f9 rgb(112,83,249)
```
#7f66fa
```
#7f66fa rgb(127,102,250)
```
#8f79fb
```
#8f79fb rgb(143,121,251)
```
#9f8cfb
```
#9f8cfb rgb(159,140,251)
```
#af9ffc
```
#af9ffc rgb(175,159,252)
```
#bfb2fc
```
#bfb2fc rgb(191,178,252)
```
#cfc5fd
```
#cfc5fd rgb(207,197,253)
```
#ded8fe
```
#ded8fe rgb(222,216,254)
```
#eeebfe
```
#eeebfe rgb(238,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#929194
```
#929194 rgb(146,145,148)
```
#8c899c
```
#8c899c rgb(140,137,156)
```
#8780a5
```
#8780a5 rgb(135,128,165)
```
#8178ad
```
#8178ad rgb(129,120,173)
```
#7c70b5
```
#7c70b5 rgb(124,112,181)
```
#7667be
```
#7667be rgb(118,103,190)
```
#715fc6
```
#715fc6 rgb(113,95,198)
```
#6b57ce
```
#6b57ce rgb(107,87,206)
```
#664ed7
```
#664ed7 rgb(102,78,215)
```
#6046df
```
#6046df rgb(96,70,223)
```
#5b3ee7
```
#5b3ee7 rgb(91,62,231)
```
#5535f0
```
#5535f0 rgb(85,53,240)
```
#502df8
```
#502df8 rgb(80,45,248)
```

Tone Color Variation

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

#0060bb Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1d4dd1 Protanomaly 1% of men, 0.01% of women
#1d51c1 Deuteranomaly 6% of men, 0.4% of women
#1d55a3 Tritanomaly 0.01% of the population

#502df8 hex color

#502df8 Color Information

#502df8 Color Conversion

Color Schemes with #502df8

Alternatives to #502df8

#502df8 Preview

Shades and Tints of #502df8

Tones of #502df8

Color Blindness Simulator