#502aef hex color

In a RGB color space, hex #502aef is composed of 31.4% red, 16.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 82.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 251.6 degrees, a saturation of 86% and a lightness of 55.1%. #502aef color hex could be obtained by blending #a054ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 16
- B 94
RGB color chart
- C 67
- M 82
- Y 0
- K 6
CMYK color chart

● #502aef color description : Bright blue.

The hexadecimal color #502aef has RGB values of R:80, G:42, B:239 and CMYK values of C:0.67, M:0.82, Y:0, K:0.06. Its decimal value is 5253871.

Hex triplet	502aef	`#502aef`
RGB Decimal	80, 42, 239	`rgb(80,42,239)`
RGB Percent	31.4, 16.5, 93.7	`rgb(31.4%,16.5%,93.7%)`
CMYK	67, 82, 0, 6
HSL	251.6°, 86, 55.1	`hsl(251.6,86%,55.1%)`
HSV (or HSB)	251.6°, 82.4, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.101, 67.084, -90.755
XYZ	19.713, 9.593, 82.469
xyY	0.176, 0.086, 9.593
CIE-LCH	37.101, 112.857, 306.471
CIE-LUV	37.101, -2.888, -124.574
Hunter-Lab	30.972, 59.413, -136.193
Binary	01010000, 00101010, 11101111

#502aef
```
#502aef rgb(80,42,239)
```
#c9ef2a
```
#c9ef2a rgb(201,239,42)
```

Complementary Color

#2a67ef
```
#2a67ef rgb(42,103,239)
```
#502aef
```
#502aef rgb(80,42,239)
```
#b32aef
```
#b32aef rgb(179,42,239)
```

Analogous Color

#67ef2a
```
#67ef2a rgb(103,239,42)
```
#502aef
```
#502aef rgb(80,42,239)
```
#efb32a
```
#efb32a rgb(239,179,42)
```

Split Complementary Color

#2aef50
```
#2aef50 rgb(42,239,80)
```
#502aef
```
#502aef rgb(80,42,239)
```
#ef502a
```
#ef502a rgb(239,80,42)
```

Triadic Color

#2ac9ef
```
#2ac9ef rgb(42,201,239)
```
#502aef
```
#502aef rgb(80,42,239)
```
#ef502a
```
#ef502a rgb(239,80,42)
```
#c9ef2a
```
#c9ef2a rgb(201,239,42)
```

Tetradic Color

#300ebe
```
#300ebe rgb(48,14,190)
```
#3610d6
```
#3610d6 rgb(54,16,214)
```
#3d12ed
```
#3d12ed rgb(61,18,237)
```
#502aef
```
#502aef rgb(80,42,239)
```
#6342f1
```
#6342f1 rgb(99,66,241)
```
#7759f3
```
#7759f3 rgb(119,89,243)
```
#8a71f4
```
#8a71f4 rgb(138,113,244)
```

Monochromatic Color

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

#2a35ef
```
#2a35ef rgb(42,53,239)
```
#2f2aef
```
#2f2aef rgb(47,42,239)
```
#402aef
```
#402aef rgb(64,42,239)
```
#502aef
```
#502aef rgb(80,42,239)
```
#602aef
```
#602aef rgb(96,42,239)
```
#712aef
```
#712aef rgb(113,42,239)
```
#812aef
```
#812aef rgb(129,42,239)
```

Similar Colors

Text with hexadecimal color #502aef

This text has a font color of #502aef.

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

#502aef background color

This paragraph has a background color of #502aef.

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

#502aef border color

This element has a border color of #502aef.

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

CSS codes

.text {color:#502aef;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#060218
```
#060218 rgb(6,2,24)
```
#0b032a
```
#0b032a rgb(11,3,42)
```
#0f053d
```
#0f053d rgb(15,5,61)
```
#14064f
```
#14064f rgb(20,6,79)
```
#190761
```
#190761 rgb(25,7,97)
```
#1d0973
```
#1d0973 rgb(29,9,115)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#270b98
```
#270b98 rgb(39,11,152)
```
#2b0daa
```
#2b0daa rgb(43,13,170)
```
#300ebc
```
#300ebc rgb(48,14,188)
```
#3410cf
```
#3410cf rgb(52,16,207)
```
#3911e1
```
#3911e1 rgb(57,17,225)
```

Shade Color Variation

#4118ee
```
#4118ee rgb(65,24,238)
```
#502aef
```
#502aef rgb(80,42,239)
```
#5f3cf0
```
#5f3cf0 rgb(95,60,240)
```
#6e4ef2
```
#6e4ef2 rgb(110,78,242)
```
#7d61f3
```
#7d61f3 rgb(125,97,243)
```
#8c73f4
```
#8c73f4 rgb(140,115,244)
```
#9b85f6
```
#9b85f6 rgb(155,133,246)
```
#aa97f7
```
#aa97f7 rgb(170,151,247)
```
#b9aaf9
```
#b9aaf9 rgb(185,170,249)
```
#c8bcfa
```
#c8bcfa rgb(200,188,250)
```
#d7cefb
```
#d7cefb rgb(215,206,251)
```
#e6e0fd
```
#e6e0fd rgb(230,224,253)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

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

#8c8b8e
```
#8c8b8e rgb(140,139,142)
```
#868297
```
#868297 rgb(134,130,151)
```
#8179a0
```
#8179a0 rgb(129,121,160)
```
#7b70a9
```
#7b70a9 rgb(123,112,169)
```
#7668b1
```
#7668b1 rgb(118,104,177)
```
#705fba
```
#705fba rgb(112,95,186)
```
#6b56c3
```
#6b56c3 rgb(107,86,195)
```
#664dcc
```
#664dcc rgb(102,77,204)
```
#6044d5
```
#6044d5 rgb(96,68,213)
```
#5b3cdd
```
#5b3cdd rgb(91,60,221)
```
#5533e6
```
#5533e6 rgb(85,51,230)
```
#502aef
```
#502aef rgb(80,42,239)
```
#4b21f8
```
#4b21f8 rgb(75,33,248)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d456d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1d4aca Protanomaly 1% of men, 0.01% of women
#1d4eba Deuteranomaly 6% of men, 0.4% of women
#1d529d Tritanomaly 0.01% of the population

#502aef hex color

#502aef Color Information

#502aef Color Conversion

Color Schemes with #502aef

Alternatives to #502aef

#502aef Preview

Shades and Tints of #502aef

Tones of #502aef

Color Blindness Simulator