colorhexa.com

#501674 hex color

In a RGB color space, hex #501674 is composed of 31.4% red, 8.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 81% magenta, 0% yellow and 54.5% black. It has a hue angle of 277 degrees, a saturation of 68.1% and a lightness of 27.1%. #501674 color hex could be obtained by blending #a02ce8 with #000000. Closest websafe color is: #660066.

- R 31
- G 9
- B 45
RGB color chart
- C 31
- M 81
- Y 0
- K 55
CMYK color chart

● #501674 color description : Dark violet.

The hexadecimal color #501674 has RGB values of R:80, G:22, B:116 and CMYK values of C:0.31, M:0.81, Y:0, K:0.55. Its decimal value is 5248628.

Hex triplet	501674	`#501674`
RGB Decimal	80, 22, 116	`rgb(80,22,116)`
RGB Percent	31.4, 8.6, 45.5	`rgb(31.4%,8.6%,45.5%)`
CMYK	31, 81, 0, 55
HSL	277°, 68.1, 27.1	`hsl(277,68.1%,27.1%)`
HSV (or HSB)	277°, 81, 45.5
Web Safe	660066	`#660066`

CIE-LAB	22.09, 42.848, -41.704
XYZ	6.747, 3.54, 16.85
xyY	0.249, 0.13, 3.54
CIE-LCH	22.09, 59.793, 315.775
CIE-LUV	22.09, 13.386, -51.611
Hunter-Lab	18.816, 31.079, -39.924
Binary	01010000, 00010110, 01110100

#501674
```
#501674 rgb(80,22,116)
```
#3a7416
```
#3a7416 rgb(58,116,22)
```

Complementary Color

#211674
```
#211674 rgb(33,22,116)
```
#501674
```
#501674 rgb(80,22,116)
```
#741669
```
#741669 rgb(116,22,105)
```

Analogous Color

#167421
```
#167421 rgb(22,116,33)
```
#501674
```
#501674 rgb(80,22,116)
```
#697416
```
#697416 rgb(105,116,22)
```

Split Complementary Color

#167450
```
#167450 rgb(22,116,80)
```
#501674
```
#501674 rgb(80,22,116)
```
#745016
```
#745016 rgb(116,80,22)
```

Triadic Color

#240a34
```
#240a34 rgb(36,10,52)
```
#320e49
```
#320e49 rgb(50,14,73)
```
#41125f
```
#41125f rgb(65,18,95)
```
#501674
```
#501674 rgb(80,22,116)
```
#5f1a89
```
#5f1a89 rgb(95,26,137)
```
#6e1e9f
```
#6e1e9f rgb(110,30,159)
```
#7c22b4
```
#7c22b4 rgb(124,34,180)
```

Monochromatic Color

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

#391674
```
#391674 rgb(57,22,116)
```
#401674
```
#401674 rgb(64,22,116)
```
#481674
```
#481674 rgb(72,22,116)
```
#501674
```
#501674 rgb(80,22,116)
```
#581674
```
#581674 rgb(88,22,116)
```
#601674
```
#601674 rgb(96,22,116)
```
#681674
```
#681674 rgb(104,22,116)
```

Similar Colors

Text with hexadecimal color #501674

This text has a font color of #501674.

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

#501674 background color

This paragraph has a background color of #501674.

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

#501674 border color

This element has a border color of #501674.

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

CSS codes

.text {color:#501674;}

.background {background-color:#501674;}

.border {border:1px solid #501674;}

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

#000001
```
#000001 rgb(0,0,1)
```
#0c0311
```
#0c0311 rgb(12,3,17)
```
#170622
```
#170622 rgb(23,6,34)
```
#230932
```
#230932 rgb(35,9,50)
```
#2e0d43
```
#2e0d43 rgb(46,13,67)
```
#391053
```
#391053 rgb(57,16,83)
```
#451364
```
#451364 rgb(69,19,100)
```
#501674
```
#501674 rgb(80,22,116)
```
#5b1984
```
#5b1984 rgb(91,25,132)
```
#671c95
```
#671c95 rgb(103,28,149)
```
#721fa5
```
#721fa5 rgb(114,31,165)
```
#7d23b6
```
#7d23b6 rgb(125,35,182)
```
#8926c6
```
#8926c6 rgb(137,38,198)
```

Shade Color Variation

#9429d6
```
#9429d6 rgb(148,41,214)
```
#9c3ada
```
#9c3ada rgb(156,58,218)
```
#a54add
```
#a54add rgb(165,74,221)
```
#ad5be0
```
#ad5be0 rgb(173,91,224)
```
#b56be3
```
#b56be3 rgb(181,107,227)
```
#bd7ce6
```
#bd7ce6 rgb(189,124,230)
```
#c68ce9
```
#c68ce9 rgb(198,140,233)
```
#ce9dec
```
#ce9dec rgb(206,157,236)
```
#d6adef
```
#d6adef rgb(214,173,239)
```
#debef3
```
#debef3 rgb(222,190,243)
```
#e7cef6
```
#e7cef6 rgb(231,206,246)
```
#efdff9
```
#efdff9 rgb(239,223,249)
```
#f7effc
```
#f7effc rgb(247,239,252)
```

Tint Color Variation

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

#46404a
```
#46404a rgb(70,64,74)
```
#473b4f
```
#473b4f rgb(71,59,79)
```
#493654
```
#493654 rgb(73,54,84)
```
#4a3159
```
#4a3159 rgb(74,49,89)
```
#4b2b5f
```
#4b2b5f rgb(75,43,95)
```
#4c2664
```
#4c2664 rgb(76,38,100)
```
#4e2169
```
#4e2169 rgb(78,33,105)
```
#4f1b6f
```
#4f1b6f rgb(79,27,111)
```
#501674
```
#501674 rgb(80,22,116)
```
#511179
```
#511179 rgb(81,17,121)
```
#520b7f
```
#520b7f rgb(82,11,127)
```
#540684
```
#540684 rgb(84,6,132)
```
#550189
```
#550189 rgb(85,1,137)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#382c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#00406a Deuteranopia 1% of men
#4c3a3e Tritanopia 0.001% of the population

Trichromacy

#1d2f76 Protanomaly 1% of men, 0.01% of women
#1d316d Deuteranomaly 6% of men, 0.4% of women
#4d2d52 Tritanomaly 0.01% of the population