#502de7 hex color

In a RGB color space, hex #502de7 is composed of 31.4% red, 17.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 80.5% magenta, 0% yellow and 9.4% black. It has a hue angle of 251.3 degrees, a saturation of 79.5% and a lightness of 54.1%. #502de7 color hex could be obtained by blending #a05aff with #0000cf. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 18
- B 91
RGB color chart
- C 65
- M 81
- Y 0
- K 9
CMYK color chart

● #502de7 color description : Bright blue.

The hexadecimal color #502de7 has RGB values of R:80, G:45, B:231 and CMYK values of C:0.65, M:0.81, Y:0, K:0.09. Its decimal value is 5254631.

Hex triplet	502de7	`#502de7`
RGB Decimal	80, 45, 231	`rgb(80,45,231)`
RGB Percent	31.4, 17.6, 90.6	`rgb(31.4%,17.6%,90.6%)`
CMYK	65, 81, 0, 9
HSL	251.3°, 79.5, 54.1	`hsl(251.3,79.5%,54.1%)`
HSV (or HSB)	251.3°, 80.5, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.651, 63.694, -86.958
XYZ	18.668, 9.351, 76.418
xyY	0.179, 0.09, 9.351
CIE-LCH	36.651, 107.789, 306.221
CIE-LUV	36.651, -2.612, -119.849
Hunter-Lab	30.579, 55.455, -126.761
Binary	01010000, 00101101, 11100111

#502de7
```
#502de7 rgb(80,45,231)
```
#c4e72d
```
#c4e72d rgb(196,231,45)
```

Complementary Color

#2d67e7
```
#2d67e7 rgb(45,103,231)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#ad2de7
```
#ad2de7 rgb(173,45,231)
```

Analogous Color

#67e72d
```
#67e72d rgb(103,231,45)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#e7ad2d
```
#e7ad2d rgb(231,173,45)
```

Split Complementary Color

#2de750
```
#2de750 rgb(45,231,80)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#e7502d
```
#e7502d rgb(231,80,45)
```

Triadic Color

#2dc4e7
```
#2dc4e7 rgb(45,196,231)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#e7502d
```
#e7502d rgb(231,80,45)
```
#c4e72d
```
#c4e72d rgb(196,231,45)
```

Tetradic Color

#3214b3
```
#3214b3 rgb(50,20,179)
```
#3917ca
```
#3917ca rgb(57,23,202)
```
#3f1ae1
```
#3f1ae1 rgb(63,26,225)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#6344ea
```
#6344ea rgb(99,68,234)
```
#765bec
```
#765bec rgb(118,91,236)
```
#8972ef
```
#8972ef rgb(137,114,239)
```

Monochromatic Color

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

#2d39e7
```
#2d39e7 rgb(45,57,231)
```
#312de7
```
#312de7 rgb(49,45,231)
```
#402de7
```
#402de7 rgb(64,45,231)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#5f2de7
```
#5f2de7 rgb(95,45,231)
```
#6f2de7
```
#6f2de7 rgb(111,45,231)
```
#7f2de7
```
#7f2de7 rgb(127,45,231)
```

Similar Colors

Text with hexadecimal color #502de7

This text has a font color of #502de7.

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

#502de7 background color

This paragraph has a background color of #502de7.

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

#502de7 border color

This element has a border color of #502de7.

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

CSS codes

.text {color:#502de7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050213
```
#050213 rgb(5,2,19)
```
#0a0424
```
#0a0424 rgb(10,4,36)
```
#0f0636
```
#0f0636 rgb(15,6,54)
```
#140848
```
#140848 rgb(20,8,72)
```
#190a59
```
#190a59 rgb(25,10,89)
```
#1e0c6b
```
#1e0c6b rgb(30,12,107)
```
#230e7c
```
#230e7c rgb(35,14,124)
```
#28108e
```
#28108e rgb(40,16,142)
```
#2d12a0
```
#2d12a0 rgb(45,18,160)
```
#3214b1
```
#3214b1 rgb(50,20,177)
```
#3716c3
```
#3716c3 rgb(55,22,195)
```
#3c18d4
```
#3c18d4 rgb(60,24,212)
```

Shade Color Variation

#411be5
```
#411be5 rgb(65,27,229)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#5f3fe9
```
#5f3fe9 rgb(95,63,233)
```
#6d50eb
```
#6d50eb rgb(109,80,235)
```
#7c62ed
```
#7c62ed rgb(124,98,237)
```
#8b73ef
```
#8b73ef rgb(139,115,239)
```
#9985f1
```
#9985f1 rgb(153,133,241)
```
#a897f3
```
#a897f3 rgb(168,151,243)
```
#b7a8f5
```
#b7a8f5 rgb(183,168,245)
```
#c5baf7
```
#c5baf7 rgb(197,186,247)
```
#d4cbf9
```
#d4cbf9 rgb(212,203,249)
```
#e3ddfb
```
#e3ddfb rgb(227,221,251)
```
#f1effd
```
#f1effd rgb(241,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88878d is the less saturated color, while #451bf9 is the most saturated one.

#88878d
```
#88878d rgb(136,135,141)
```
#837e96
```
#837e96 rgb(131,126,150)
```
#7d759f
```
#7d759f rgb(125,117,159)
```
#776ca8
```
#776ca8 rgb(119,108,168)
```
#7263b1
```
#7263b1 rgb(114,99,177)
```
#6c5aba
```
#6c5aba rgb(108,90,186)
```
#6651c3
```
#6651c3 rgb(102,81,195)
```
#6148cc
```
#6148cc rgb(97,72,204)
```
#5b3fd5
```
#5b3fd5 rgb(91,63,213)
```
#5636de
```
#5636de rgb(86,54,222)
```
#502de7
```
#502de7 rgb(80,45,231)
```
#4a24f0
```
#4a24f0 rgb(74,36,240)
```
#451bf9
```
#451bf9 rgb(69,27,249)
```

Tone Color Variation

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

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d4bc6 Protanomaly 1% of men, 0.01% of women
#1d4eb6 Deuteranomaly 6% of men, 0.4% of women
#1d529a Tritanomaly 0.01% of the population

#502de7 hex color

#502de7 Color Information

#502de7 Color Conversion

Color Schemes with #502de7

Alternatives to #502de7

#502de7 Preview

Shades and Tints of #502de7

Tones of #502de7

Color Blindness Simulator