colorhexa.com

#504472 hex color

In a RGB color space, hex #504472 is composed of 31.4% red, 26.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 40.4% magenta, 0% yellow and 55.3% black. It has a hue angle of 255.7 degrees, a saturation of 25.3% and a lightness of 35.7%. #504472 color hex could be obtained by blending #a088e4 with #000000. Closest websafe color is: #663366.

- R 31
- G 27
- B 45
RGB color chart
- C 30
- M 40
- Y 0
- K 55
CMYK color chart

● #504472 color description : Very dark desaturated violet.

The hexadecimal color #504472 has RGB values of R:80, G:68, B:114 and CMYK values of C:0.3, M:0.4, Y:0, K:0.55. Its decimal value is 5260402.

Hex triplet	504472	`#504472`
RGB Decimal	80, 68, 114	`rgb(80,68,114)`
RGB Percent	31.4, 26.7, 44.7	`rgb(31.4%,26.7%,44.7%)`
CMYK	30, 40, 0, 55
HSL	255.7°, 25.3, 35.7	`hsl(255.7,25.3%,35.7%)`
HSV (or HSB)	255.7°, 40.4, 44.7
Web Safe	663366	`#663366`

CIE-LAB	31.931, 16.224, -24.71
XYZ	8.412, 7.055, 16.837
xyY	0.26, 0.218, 7.055
CIE-LCH	31.931, 29.56, 303.288
CIE-LUV	31.931, 2.66, -34.428
Hunter-Lab	26.56, 10.053, -18.993
Binary	01010000, 01000100, 01110010

#504472
```
#504472 rgb(80,68,114)
```
#667244
```
#667244 rgb(102,114,68)
```

Complementary Color

#444f72
```
#444f72 rgb(68,79,114)
```
#504472
```
#504472 rgb(80,68,114)
```
#674472
```
#674472 rgb(103,68,114)
```

Analogous Color

#4f7244
```
#4f7244 rgb(79,114,68)
```
#504472
```
#504472 rgb(80,68,114)
```
#726744
```
#726744 rgb(114,103,68)
```

Split Complementary Color

#447250
```
#447250 rgb(68,114,80)
```
#504472
```
#504472 rgb(80,68,114)
```
#725044
```
#725044 rgb(114,80,68)
```

Triadic Color

#446672
```
#446672 rgb(68,102,114)
```
#504472
```
#504472 rgb(80,68,114)
```
#725044
```
#725044 rgb(114,80,68)
```
#667244
```
#667244 rgb(102,114,68)
```

Tetradic Color

#2e2742
```
#2e2742 rgb(46,39,66)
```
#3a3152
```
#3a3152 rgb(58,49,82)
```
#453a62
```
#453a62 rgb(69,58,98)
```
#504472
```
#504472 rgb(80,68,114)
```
#5b4e82
```
#5b4e82 rgb(91,78,130)
```
#665792
```
#665792 rgb(102,87,146)
```
#7261a1
```
#7261a1 rgb(114,97,161)
```

Monochromatic Color

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

#454472
```
#454472 rgb(69,68,114)
```
#484472
```
#484472 rgb(72,68,114)
```
#4c4472
```
#4c4472 rgb(76,68,114)
```
#504472
```
#504472 rgb(80,68,114)
```
#544472
```
#544472 rgb(84,68,114)
```
#584472
```
#584472 rgb(88,68,114)
```
#5c4472
```
#5c4472 rgb(92,68,114)
```

Similar Colors

Text with hexadecimal color #504472

This text has a font color of #504472.

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

#504472 background color

This paragraph has a background color of #504472.

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

#504472 border color

This element has a border color of #504472.

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

CSS codes

.text {color:#504472;}

.background {background-color:#504472;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0910
```
#0b0910 rgb(11,9,16)
```
#14111c
```
#14111c rgb(20,17,28)
```
#1c1828
```
#1c1828 rgb(28,24,40)
```
#251f35
```
#251f35 rgb(37,31,53)
```
#2e2741
```
#2e2741 rgb(46,39,65)
```
#362e4d
```
#362e4d rgb(54,46,77)
```
#3f3559
```
#3f3559 rgb(63,53,89)
```
#473d66
```
#473d66 rgb(71,61,102)
```
#504472
```
#504472 rgb(80,68,114)
```
#594b7e
```
#594b7e rgb(89,75,126)
```
#61538b
```
#61538b rgb(97,83,139)
```
#6a5a97
```
#6a5a97 rgb(106,90,151)
```

Shade Color Variation

#7363a2
```
#7363a2 rgb(115,99,162)
```
#7e6fa9
```
#7e6fa9 rgb(126,111,169)
```
#897bb0
```
#897bb0 rgb(137,123,176)
```
#9488b8
```
#9488b8 rgb(148,136,184)
```
#9f94bf
```
#9f94bf rgb(159,148,191)
```
#aaa0c6
```
#aaa0c6 rgb(170,160,198)
```
#b5acce
```
#b5acce rgb(181,172,206)
```
#c0b9d5
```
#c0b9d5 rgb(192,185,213)
```
#cbc5dc
```
#cbc5dc rgb(203,197,220)
```
#d6d1e4
```
#d6d1e4 rgb(214,209,228)
```
#e1deeb
```
#e1deeb rgb(225,222,235)
```
#eceaf2
```
#eceaf2 rgb(236,234,242)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a595d is the less saturated color, while #3205b1 is the most saturated one.

#5a595d
```
#5a595d rgb(90,89,93)
```
#575264
```
#575264 rgb(87,82,100)
```
#534b6b
```
#534b6b rgb(83,75,107)
```
#504472
```
#504472 rgb(80,68,114)
```
#4d3d79
```
#4d3d79 rgb(77,61,121)
```
#493680
```
#493680 rgb(73,54,128)
```
#462f87
```
#462f87 rgb(70,47,135)
```
#43288e
```
#43288e rgb(67,40,142)
```
#3f2195
```
#3f2195 rgb(63,33,149)
```
#3c1a9c
```
#3c1a9c rgb(60,26,156)
```
#3913a3
```
#3913a3 rgb(57,19,163)
```
#350caa
```
#350caa rgb(53,12,170)
```
#3205b1
```
#3205b1 rgb(50,5,177)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e4b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43537d Protanopia 1% of men
#455377 Deuteranopia 1% of men
#51545a Tritanopia 0.001% of the population

Trichromacy

#484d79 Protanomaly 1% of men, 0.01% of women
#494e75 Deuteranomaly 6% of men, 0.4% of women
#514e63 Tritanomaly 0.01% of the population