#502eaf hex color

In a RGB color space, hex #502eaf is composed of 31.4% red, 18% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 73.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 255.8 degrees, a saturation of 58.4% and a lightness of 43.3%. #502eaf color hex could be obtained by blending #a05cff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 18
- B 69
RGB color chart
- C 54
- M 74
- Y 0
- K 31
CMYK color chart

● #502eaf color description : Dark violet.

The hexadecimal color #502eaf has RGB values of R:80, G:46, B:175 and CMYK values of C:0.54, M:0.74, Y:0, K:0.31. Its decimal value is 5254831.

Hex triplet	502eaf	`#502eaf`
RGB Decimal	80, 46, 175	`rgb(80,46,175)`
RGB Percent	31.4, 18, 68.6	`rgb(31.4%,18%,68.6%)`
CMYK	54, 74, 0, 31
HSL	255.8°, 58.4, 43.3	`hsl(255.8,58.4%,43.3%)`
HSV (or HSB)	255.8°, 73.7, 68.6
Web Safe	663399	`#663399`

CIE-LAB	31.241, 47.359, -63.238
XYZ	12.022, 6.754, 41.225
xyY	0.2, 0.113, 6.754
CIE-LCH	31.241, 79.006, 306.83
CIE-LUV	31.241, 2.05, -86.042
Hunter-Lab	25.989, 37.087, -75.857
Binary	01010000, 00101110, 10101111

#502eaf
```
#502eaf rgb(80,46,175)
```
#8daf2e
```
#8daf2e rgb(141,175,46)
```

Complementary Color

#2e4daf
```
#2e4daf rgb(46,77,175)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#912eaf
```
#912eaf rgb(145,46,175)
```

Analogous Color

#4daf2e
```
#4daf2e rgb(77,175,46)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#af912e
```
#af912e rgb(175,145,46)
```

Split Complementary Color

#2eaf50
```
#2eaf50 rgb(46,175,80)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#af502e
```
#af502e rgb(175,80,46)
```

Triadic Color

#2e8daf
```
#2e8daf rgb(46,141,175)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#af502e
```
#af502e rgb(175,80,46)
```
#8daf2e
```
#8daf2e rgb(141,175,46)
```

Tetradic Color

#341e72
```
#341e72 rgb(52,30,114)
```
#3e2387
```
#3e2387 rgb(62,35,135)
```
#47299b
```
#47299b rgb(71,41,155)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#5933c3
```
#5933c3 rgb(89,51,195)
```
#6743cd
```
#6743cd rgb(103,67,205)
```
#7757d3
```
#7757d3 rgb(119,87,211)
```

Monochromatic Color

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

#302eaf
```
#302eaf rgb(48,46,175)
```
#3a2eaf
```
#3a2eaf rgb(58,46,175)
```
#452eaf
```
#452eaf rgb(69,46,175)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#5b2eaf
```
#5b2eaf rgb(91,46,175)
```
#662eaf
```
#662eaf rgb(102,46,175)
```
#702eaf
```
#702eaf rgb(112,46,175)
```

Similar Colors

Text with hexadecimal color #502eaf

This text has a font color of #502eaf.

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

#502eaf background color

This paragraph has a background color of #502eaf.

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

#502eaf border color

This element has a border color of #502eaf.

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

CSS codes

.text {color:#502eaf;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090514
```
#090514 rgb(9,5,20)
```
#100923
```
#100923 rgb(16,9,35)
```
#170d33
```
#170d33 rgb(23,13,51)
```
#1e1142
```
#1e1142 rgb(30,17,66)
```
#251652
```
#251652 rgb(37,22,82)
```
#2c1a61
```
#2c1a61 rgb(44,26,97)
```
#341e71
```
#341e71 rgb(52,30,113)
```
#3b2280
```
#3b2280 rgb(59,34,128)
```
#422690
```
#422690 rgb(66,38,144)
```
#492a9f
```
#492a9f rgb(73,42,159)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#5732bf
```
#5732bf rgb(87,50,191)
```

Shade Color Variation

#6039cb
```
#6039cb rgb(96,57,203)
```
#6c49cf
```
#6c49cf rgb(108,73,207)
```
#7958d3
```
#7958d3 rgb(121,88,211)
```
#8568d7
```
#8568d7 rgb(133,104,215)
```
#9277db
```
#9277db rgb(146,119,219)
```
#9e87df
```
#9e87df rgb(158,135,223)
```
#ab96e4
```
#ab96e4 rgb(171,150,228)
```
#b7a6e8
```
#b7a6e8 rgb(183,166,232)
```
#c4b5ec
```
#c4b5ec rgb(196,181,236)
```
#d0c5f0
```
#d0c5f0 rgb(208,197,240)
```
#ddd5f4
```
#ddd5f4 rgb(221,213,244)
```
#e9e4f8
```
#e9e4f8 rgb(233,228,248)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6a74 is the less saturated color, while #3c03da is the most saturated one.

#6c6a74
```
#6c6a74 rgb(108,106,116)
```
#68617c
```
#68617c rgb(104,97,124)
```
#645985
```
#645985 rgb(100,89,133)
```
#60508d
```
#60508d rgb(96,80,141)
```
#5c4896
```
#5c4896 rgb(92,72,150)
```
#583f9e
```
#583f9e rgb(88,63,158)
```
#5437a7
```
#5437a7 rgb(84,55,167)
```
#502eaf
```
#502eaf rgb(80,46,175)
```
#4c26b8
```
#4c26b8 rgb(76,38,184)
```
#481dc0
```
#481dc0 rgb(72,29,192)
```
#4415c9
```
#4415c9 rgb(68,21,201)
```
#400cd1
```
#400cd1 rgb(64,12,209)
```
#3c03da
```
#3c03da rgb(60,3,218)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#49425c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005588 Deuteranopia 1% of men
#33585e Tritanopia 0.001% of the population

Trichromacy

#1d44a3 Protanomaly 1% of men, 0.01% of women
#1d4696 Deuteranomaly 6% of men, 0.4% of women
#3d487c Tritanomaly 0.01% of the population

#502eaf hex color

#502eaf Color Information

#502eaf Color Conversion

Color Schemes with #502eaf

Alternatives to #502eaf

#502eaf Preview

Shades and Tints of #502eaf

Tones of #502eaf

Color Blindness Simulator