#502aea hex color

In a RGB color space, hex #502aea is composed of 31.4% red, 16.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 82.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 251.9 degrees, a saturation of 82.1% and a lightness of 54.1%. #502aea color hex could be obtained by blending #a054ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 16
- B 92
RGB color chart
- C 66
- M 82
- Y 0
- K 8
CMYK color chart

● #502aea color description : Bright blue.

The hexadecimal color #502aea has RGB values of R:80, G:42, B:234 and CMYK values of C:0.66, M:0.82, Y:0, K:0.08. Its decimal value is 5253866.

Hex triplet	502aea	`#502aea`
RGB Decimal	80, 42, 234	`rgb(80,42,234)`
RGB Percent	31.4, 16.5, 91.8	`rgb(31.4%,16.5%,91.8%)`
CMYK	66, 82, 0, 8
HSL	251.9°, 82.1, 54.1	`hsl(251.9,82.1%,54.1%)`
HSV (or HSB)	251.9°, 82.1, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.558, 65.734, -88.82
XYZ	18.985, 9.301, 78.632
xyY	0.178, 0.087, 9.301
CIE-LCH	36.558, 110.498, 306.504
CIE-LUV	36.558, -2.517, -121.706
Hunter-Lab	30.498, 57.745, -131.519
Binary	01010000, 00101010, 11101010

#502aea
```
#502aea rgb(80,42,234)
```
#c4ea2a
```
#c4ea2a rgb(196,234,42)
```

Complementary Color

#2a64ea
```
#2a64ea rgb(42,100,234)
```
#502aea
```
#502aea rgb(80,42,234)
```
#b02aea
```
#b02aea rgb(176,42,234)
```

Analogous Color

#64ea2a
```
#64ea2a rgb(100,234,42)
```
#502aea
```
#502aea rgb(80,42,234)
```
#eab02a
```
#eab02a rgb(234,176,42)
```

Split Complementary Color

#2aea50
```
#2aea50 rgb(42,234,80)
```
#502aea
```
#502aea rgb(80,42,234)
```
#ea502a
```
#ea502a rgb(234,80,42)
```

Triadic Color

#2ac4ea
```
#2ac4ea rgb(42,196,234)
```
#502aea
```
#502aea rgb(80,42,234)
```
#ea502a
```
#ea502a rgb(234,80,42)
```
#c4ea2a
```
#c4ea2a rgb(196,234,42)
```

Tetradic Color

#3212b6
```
#3212b6 rgb(50,18,182)
```
#3914cd
```
#3914cd rgb(57,20,205)
```
#3f16e4
```
#3f16e4 rgb(63,22,228)
```
#502aea
```
#502aea rgb(80,42,234)
```
#6341ec
```
#6341ec rgb(99,65,236)
```
#7658ef
```
#7658ef rgb(118,88,239)
```
#8970f1
```
#8970f1 rgb(137,112,241)
```

Monochromatic Color

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

#2a34ea
```
#2a34ea rgb(42,52,234)
```
#302aea
```
#302aea rgb(48,42,234)
```
#402aea
```
#402aea rgb(64,42,234)
```
#502aea
```
#502aea rgb(80,42,234)
```
#602aea
```
#602aea rgb(96,42,234)
```
#702aea
```
#702aea rgb(112,42,234)
```
#802aea
```
#802aea rgb(128,42,234)
```

Similar Colors

Text with hexadecimal color #502aea

This text has a font color of #502aea.

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

#502aea background color

This paragraph has a background color of #502aea.

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

#502aea border color

This element has a border color of #502aea.

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

CSS codes

.text {color:#502aea;}

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

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

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 #f1eefd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#050213
```
#050213 rgb(5,2,19)
```
#0a0425
```
#0a0425 rgb(10,4,37)
```
#0f0537
```
#0f0537 rgb(15,5,55)
```
#140749
```
#140749 rgb(20,7,73)
```
#19095b
```
#19095b rgb(25,9,91)
```
#1e0b6c
```
#1e0b6c rgb(30,11,108)
```
#230c7e
```
#230c7e rgb(35,12,126)
```
#280e90
```
#280e90 rgb(40,14,144)
```
#2d10a2
```
#2d10a2 rgb(45,16,162)
```
#3212b4
```
#3212b4 rgb(50,18,180)
```
#3713c6
```
#3713c6 rgb(55,19,198)
```
#3c15d8
```
#3c15d8 rgb(60,21,216)
```

Shade Color Variation

#4118e8
```
#4118e8 rgb(65,24,232)
```
#502aea
```
#502aea rgb(80,42,234)
```
#5f3cec
```
#5f3cec rgb(95,60,236)
```
#6d4eee
```
#6d4eee rgb(109,78,238)
```
#7c60ef
```
#7c60ef rgb(124,96,239)
```
#8b71f1
```
#8b71f1 rgb(139,113,241)
```
#9983f3
```
#9983f3 rgb(153,131,243)
```
#a895f5
```
#a895f5 rgb(168,149,245)
```
#b7a7f6
```
#b7a7f6 rgb(183,167,246)
```
#c5b9f8
```
#c5b9f8 rgb(197,185,248)
```
#d4cbfa
```
#d4cbfa rgb(212,203,250)
```
#e3ddfc
```
#e3ddfc rgb(227,221,252)
```
#f1eefd
```
#f1eefd rgb(241,238,253)
```

Tint Color Variation

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

#868490
```
#868490 rgb(134,132,144)
```
#817b99
```
#817b99 rgb(129,123,153)
```
#7c72a2
```
#7c72a2 rgb(124,114,162)
```
#7669ab
```
#7669ab rgb(118,105,171)
```
#7160b4
```
#7160b4 rgb(113,96,180)
```
#6b57bd
```
#6b57bd rgb(107,87,189)
```
#664ec6
```
#664ec6 rgb(102,78,198)
```
#6045cf
```
#6045cf rgb(96,69,207)
```
#5b3cd8
```
#5b3cd8 rgb(91,60,216)
```
#5533e1
```
#5533e1 rgb(85,51,225)
```
#502aea
```
#502aea rgb(80,42,234)
```
#4b21f3
```
#4b21f3 rgb(75,33,243)
```
#4518fc
```
#4518fc rgb(69,24,252)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c446b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d49c6 Protanomaly 1% of men, 0.01% of women
#1d4db7 Deuteranomaly 6% of men, 0.4% of women
#1d519b Tritanomaly 0.01% of the population

#502aea hex color

#502aea Color Information

#502aea Color Conversion

Color Schemes with #502aea

Alternatives to #502aea

#502aea Preview

Shades and Tints of #502aea

Tones of #502aea

Color Blindness Simulator