#502f81 hex color

In a RGB color space, hex #502f81 is composed of 31.4% red, 18.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 63.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 264.1 degrees, a saturation of 46.6% and a lightness of 34.5%. #502f81 color hex could be obtained by blending #a05eff with #000003. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 18
- B 51
RGB color chart
- C 38
- M 64
- Y 0
- K 49
CMYK color chart

● #502f81 color description : Dark moderate violet.

The hexadecimal color #502f81 has RGB values of R:80, G:47, B:129 and CMYK values of C:0.38, M:0.64, Y:0, K:0.49. Its decimal value is 5255041.

Hex triplet	502f81	`#502f81`
RGB Decimal	80, 47, 129	`rgb(80,47,129)`
RGB Percent	31.4, 18.4, 50.6	`rgb(31.4%,18.4%,50.6%)`
CMYK	38, 64, 0, 49
HSL	264.1°, 46.6, 34.5	`hsl(264.1,46.6%,34.5%)`
HSV (or HSB)	264.1°, 63.6, 50.6
Web Safe	663399	`#663399`

CIE-LAB	27.637, 33.617, -40.971
XYZ	8.287, 5.323, 21.359
xyY	0.237, 0.152, 5.323
CIE-LCH	27.637, 52.997, 309.369
CIE-LUV	27.637, 7.157, -55.177
Hunter-Lab	23.073, 23.731, -38.734
Binary	01010000, 00101111, 10000001

#502f81
```
#502f81 rgb(80,47,129)
```
#60812f
```
#60812f rgb(96,129,47)
```

Complementary Color

#2f3781
```
#2f3781 rgb(47,55,129)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#792f81
```
#792f81 rgb(121,47,129)
```

Analogous Color

#37812f
```
#37812f rgb(55,129,47)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#81792f
```
#81792f rgb(129,121,47)
```

Split Complementary Color

#2f8150
```
#2f8150 rgb(47,129,80)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#81502f
```
#81502f rgb(129,80,47)
```

Triadic Color

#2f6081
```
#2f6081 rgb(47,96,129)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#81502f
```
#81502f rgb(129,80,47)
```
#60812f
```
#60812f rgb(96,129,47)
```

Tetradic Color

#2d1b49
```
#2d1b49 rgb(45,27,73)
```
#39215c
```
#39215c rgb(57,33,92)
```
#44286e
```
#44286e rgb(68,40,110)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#5c3694
```
#5c3694 rgb(92,54,148)
```
#673da6
```
#673da6 rgb(103,61,166)
```
#7343b9
```
#7343b9 rgb(115,67,185)
```

Monochromatic Color

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

#3c2f81
```
#3c2f81 rgb(60,47,129)
```
#422f81
```
#422f81 rgb(66,47,129)
```
#492f81
```
#492f81 rgb(73,47,129)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#572f81
```
#572f81 rgb(87,47,129)
```
#5e2f81
```
#5e2f81 rgb(94,47,129)
```
#652f81
```
#652f81 rgb(101,47,129)
```

Similar Colors

Text with hexadecimal color #502f81

This text has a font color of #502f81.

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

#502f81 background color

This paragraph has a background color of #502f81.

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

#502f81 border color

This element has a border color of #502f81.

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

CSS codes

.text {color:#502f81;}

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

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

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, #09050e is the darkest color, while #ffffff is the lightest one.

#09050e
```
#09050e rgb(9,5,14)
```
#120a1c
```
#120a1c rgb(18,10,28)
```
#1b102b
```
#1b102b rgb(27,16,43)
```
#231539
```
#231539 rgb(35,21,57)
```
#2c1a47
```
#2c1a47 rgb(44,26,71)
```
#351f56
```
#351f56 rgb(53,31,86)
```
#3e2564
```
#3e2564 rgb(62,37,100)
```
#472a73
```
#472a73 rgb(71,42,115)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#59348f
```
#59348f rgb(89,52,143)
```
#62399e
```
#62399e rgb(98,57,158)
```
#6b3fac
```
#6b3fac rgb(107,63,172)
```
#7444bb
```
#7444bb rgb(116,68,187)
```

Shade Color Variation

#7e52c0
```
#7e52c0 rgb(126,82,192)
```
#8960c5
```
#8960c5 rgb(137,96,197)
```
#946fca
```
#946fca rgb(148,111,202)
```
#9e7dd0
```
#9e7dd0 rgb(158,125,208)
```
#a98cd5
```
#a98cd5 rgb(169,140,213)
```
#b49ada
```
#b49ada rgb(180,154,218)
```
#bfa8df
```
#bfa8df rgb(191,168,223)
```
#c9b7e5
```
#c9b7e5 rgb(201,183,229)
```
#d4c5ea
```
#d4c5ea rgb(212,197,234)
```
#dfd3ef
```
#dfd3ef rgb(223,211,239)
```
#e9e2f4
```
#e9e2f4 rgb(233,226,244)
```
#f4f0fa
```
#f4f0fa rgb(244,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585858
```
#585858 rgb(88,88,88)
```
#57515f
```
#57515f rgb(87,81,95)
```
#554a66
```
#554a66 rgb(85,74,102)
```
#54436d
```
#54436d rgb(84,67,109)
```
#533d73
```
#533d73 rgb(83,61,115)
```
#51367a
```
#51367a rgb(81,54,122)
```
#502f81
```
#502f81 rgb(80,47,129)
```
#4f2888
```
#4f2888 rgb(79,40,136)
```
#4d218f
```
#4d218f rgb(77,33,143)
```
#4c1b95
```
#4c1b95 rgb(76,27,149)
```
#4b149c
```
#4b149c rgb(75,20,156)
```
#490da3
```
#490da3 rgb(73,13,163)
```
#4806aa
```
#4806aa rgb(72,6,170)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488e Protanopia 1% of men
#004c7f Deuteranopia 1% of men
#4a4a50 Tritanopia 0.001% of the population

Trichromacy

#1d3f89 Protanomaly 1% of men, 0.01% of women
#1d417f Deuteranomaly 6% of men, 0.4% of women
#4c4061 Tritanomaly 0.01% of the population

#502f81 hex color

#502f81 Color Information

#502f81 Color Conversion

Color Schemes with #502f81

Alternatives to #502f81

#502f81 Preview

Shades and Tints of #502f81

Tones of #502f81

Color Blindness Simulator