#501dd3 hex color

In a RGB color space, hex #501dd3 is composed of 31.4% red, 11.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 86.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 256.8 degrees, a saturation of 75.8% and a lightness of 47.1%. #501dd3 color hex could be obtained by blending #a03aff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 11
- B 83
RGB color chart
- C 62
- M 86
- Y 0
- K 17
CMYK color chart

● #501dd3 color description : Strong violet.

The hexadecimal color #501dd3 has RGB values of R:80, G:29, B:211 and CMYK values of C:0.62, M:0.86, Y:0, K:0.17. Its decimal value is 5250515.

Hex triplet	501dd3	`#501dd3`
RGB Decimal	80, 29, 211	`rgb(80,29,211)`
RGB Percent	31.4, 11.4, 82.7	`rgb(31.4%,11.4%,82.7%)`
CMYK	62, 86, 0, 17
HSL	256.8°, 75.8, 47.1	`hsl(256.8,75.8%,47.1%)`
HSV (or HSB)	256.8°, 86.3, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.451, 64.349, -82.425
XYZ	15.503, 7.287, 62.214
xyY	0.182, 0.086, 7.287
CIE-LCH	32.451, 104.569, 307.979
CIE-LUV	32.451, 0.537, -108.743
Hunter-Lab	26.994, 55.277, -117.751
Binary	01010000, 00011101, 11010011

#501dd3
```
#501dd3 rgb(80,29,211)
```
#a0d31d
```
#a0d31d rgb(160,211,29)
```

Complementary Color

#1d45d3
```
#1d45d3 rgb(29,69,211)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#ab1dd3
```
#ab1dd3 rgb(171,29,211)
```

Analogous Color

#45d31d
```
#45d31d rgb(69,211,29)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#d3ab1d
```
#d3ab1d rgb(211,171,29)
```

Split Complementary Color

#1dd350
```
#1dd350 rgb(29,211,80)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#d3501d
```
#d3501d rgb(211,80,29)
```

Triadic Color

#1da0d3
```
#1da0d3 rgb(29,160,211)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#d3501d
```
#d3501d rgb(211,80,29)
```
#a0d31d
```
#a0d31d rgb(160,211,29)
```

Tetradic Color

#371490
```
#371490 rgb(55,20,144)
```
#3f17a6
```
#3f17a6 rgb(63,23,166)
```
#481abd
```
#481abd rgb(72,26,189)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#5c28e1
```
#5c28e1 rgb(92,40,225)
```
#6d3ee5
```
#6d3ee5 rgb(109,62,229)
```
#7e55e8
```
#7e55e8 rgb(126,85,232)
```

Monochromatic Color

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

#231dd3
```
#231dd3 rgb(35,29,211)
```
#321dd3
```
#321dd3 rgb(50,29,211)
```
#411dd3
```
#411dd3 rgb(65,29,211)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#5f1dd3
```
#5f1dd3 rgb(95,29,211)
```
#6e1dd3
```
#6e1dd3 rgb(110,29,211)
```
#7e1dd3
```
#7e1dd3 rgb(126,29,211)
```

Similar Colors

Text with hexadecimal color #501dd3

This text has a font color of #501dd3.

<span style="color:#501dd3;">Text here</span>

#501dd3 background color

This paragraph has a background color of #501dd3.

<p style="background-color:#501dd3;">Content here</p>

#501dd3 border color

This element has a border color of #501dd3.

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

CSS codes

.text {color:#501dd3;}

.background {background-color:#501dd3;}

.border {border:1px solid #501dd3;}

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

#020104
```
#020104 rgb(2,1,4)
```
#080315
```
#080315 rgb(8,3,21)
```
#0f0527
```
#0f0527 rgb(15,5,39)
```
#150838
```
#150838 rgb(21,8,56)
```
#1c0a49
```
#1c0a49 rgb(28,10,73)
```
#220c5a
```
#220c5a rgb(34,12,90)
```
#290f6c
```
#290f6c rgb(41,15,108)
```
#2f117d
```
#2f117d rgb(47,17,125)
```
#36148e
```
#36148e rgb(54,20,142)
```
#3c169f
```
#3c169f rgb(60,22,159)
```
#4318b1
```
#4318b1 rgb(67,24,177)
```
#491bc2
```
#491bc2 rgb(73,27,194)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```

Shade Color Variation

#5823e1
```
#5823e1 rgb(88,35,225)
```
#6534e3
```
#6534e3 rgb(101,52,227)
```
#7245e5
```
#7245e5 rgb(114,69,229)
```
#7f57e8
```
#7f57e8 rgb(127,87,232)
```
#8c68ea
```
#8c68ea rgb(140,104,234)
```
#9979ed
```
#9979ed rgb(153,121,237)
```
#a78aef
```
#a78aef rgb(167,138,239)
```
#b49cf1
```
#b49cf1 rgb(180,156,241)
```
#c1adf4
```
#c1adf4 rgb(193,173,244)
```
#cebef6
```
#cebef6 rgb(206,190,246)
```
#dbcff8
```
#dbcff8 rgb(219,207,248)
```
#e8e1fb
```
#e8e1fb rgb(232,225,251)
```
#f5f2fd
```
#f5f2fd rgb(245,242,253)
```

Tint Color Variation

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

#757080
```
#757080 rgb(117,112,128)
```
#706789
```
#706789 rgb(112,103,137)
```
#6c5e92
```
#6c5e92 rgb(108,94,146)
```
#68549c
```
#68549c rgb(104,84,156)
```
#644ba5
```
#644ba5 rgb(100,75,165)
```
#6042ae
```
#6042ae rgb(96,66,174)
```
#5c39b7
```
#5c39b7 rgb(92,57,183)
```
#582fc1
```
#582fc1 rgb(88,47,193)
```
#5426ca
```
#5426ca rgb(84,38,202)
```
#501dd3
```
#501dd3 rgb(80,29,211)
```
#4c14dc
```
#4c14dc rgb(76,20,220)
```
#480be5
```
#480be5 rgb(72,11,229)
```
#4401ef
```
#4401ef rgb(68,1,239)
```

Tone Color Variation

Below, you can see how #501dd3 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

#414141 Achromatopsia 0.005% of the population
#443a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#1d3fb3 Protanomaly 1% of men, 0.01% of women
#1d42a5 Deuteranomaly 6% of men, 0.4% of women
#1d468c Tritanomaly 0.01% of the population

#501dd3 hex color

#501dd3 Color Information

#501dd3 Color Conversion

Color Schemes with #501dd3

Alternatives to #501dd3

#501dd3 Preview

Shades and Tints of #501dd3

Tones of #501dd3

Color Blindness Simulator