colorhexa.com

#504c72 hex color

In a RGB color space, hex #504c72 is composed of 31.4% red, 29.8% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 33.3% magenta, 0% yellow and 55.3% black. It has a hue angle of 246.3 degrees, a saturation of 20% and a lightness of 37.3%. #504c72 color hex could be obtained by blending #a098e4 with #000000. Closest websafe color is: #663366.

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

● #504c72 color description : Very dark grayish blue.

The hexadecimal color #504c72 has RGB values of R:80, G:76, B:114 and CMYK values of C:0.3, M:0.33, Y:0, K:0.55. Its decimal value is 5262450.

Hex triplet	504c72	`#504c72`
RGB Decimal	80, 76, 114	`rgb(80,76,114)`
RGB Percent	31.4, 29.8, 44.7	`rgb(31.4%,29.8%,44.7%)`
CMYK	30, 33, 0, 55
HSL	246.3°, 20, 37.3	`hsl(246.3,20%,37.3%)`
HSV (or HSB)	246.3°, 33.3, 44.7
Web Safe	663366	`#663366`

CIE-LAB	34.168, 11.058, -21.218
XYZ	8.929, 8.089, 17.01
xyY	0.262, 0.238, 8.089
CIE-LCH	34.168, 23.927, 297.527
CIE-LUV	34.168, -0.367, -29.657
Hunter-Lab	28.441, 6.269, -15.55
Binary	01010000, 01001100, 01110010

#504c72
```
#504c72 rgb(80,76,114)
```
#6e724c
```
#6e724c rgb(110,114,76)
```

Complementary Color

#4c5b72
```
#4c5b72 rgb(76,91,114)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#634c72
```
#634c72 rgb(99,76,114)
```

Analogous Color

#5b724c
```
#5b724c rgb(91,114,76)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#72634c
```
#72634c rgb(114,99,76)
```

Split Complementary Color

#4c7250
```
#4c7250 rgb(76,114,80)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#72504c
```
#72504c rgb(114,80,76)
```

Triadic Color

#4c6e72
```
#4c6e72 rgb(76,110,114)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#72504c
```
#72504c rgb(114,80,76)
```
#6e724c
```
#6e724c rgb(110,114,76)
```

Tetradic Color

#302d44
```
#302d44 rgb(48,45,68)
```
#3b3853
```
#3b3853 rgb(59,56,83)
```
#454263
```
#454263 rgb(69,66,99)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#5b5681
```
#5b5681 rgb(91,86,129)
```
#656091
```
#656091 rgb(101,96,145)
```
#726d9e
```
#726d9e rgb(114,109,158)
```

Monochromatic Color

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

#4c5272
```
#4c5272 rgb(76,82,114)
```
#4c4e72
```
#4c4e72 rgb(76,78,114)
```
#4d4c72
```
#4d4c72 rgb(77,76,114)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#534c72
```
#534c72 rgb(83,76,114)
```
#564c72
```
#564c72 rgb(86,76,114)
```
#5a4c72
```
#5a4c72 rgb(90,76,114)
```

Similar Colors

Text with hexadecimal color #504c72

This text has a font color of #504c72.

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

#504c72 background color

This paragraph has a background color of #504c72.

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

#504c72 border color

This element has a border color of #504c72.

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

CSS codes

.text {color:#504c72;}

.background {background-color:#504c72;}

.border {border:1px solid #504c72;}

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

#060508
```
#060508 rgb(6,5,8)
```
#0e0d14
```
#0e0d14 rgb(14,13,20)
```
#161520
```
#161520 rgb(22,21,32)
```
#1e1d2b
```
#1e1d2b rgb(30,29,43)
```
#272537
```
#272537 rgb(39,37,55)
```
#2f2d43
```
#2f2d43 rgb(47,45,67)
```
#37344f
```
#37344f rgb(55,52,79)
```
#3f3c5a
```
#3f3c5a rgb(63,60,90)
```
#484466
```
#484466 rgb(72,68,102)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#58547e
```
#58547e rgb(88,84,126)
```
#615c8a
```
#615c8a rgb(97,92,138)
```
#696495
```
#696495 rgb(105,100,149)
```

Shade Color Variation

#736e9e
```
#736e9e rgb(115,110,158)
```
#7f7aa6
```
#7f7aa6 rgb(127,122,166)
```
#8a86ae
```
#8a86ae rgb(138,134,174)
```
#9591b6
```
#9591b6 rgb(149,145,182)
```
#a19dbe
```
#a19dbe rgb(161,157,190)
```
#aca9c6
```
#aca9c6 rgb(172,169,198)
```
#b7b5cd
```
#b7b5cd rgb(183,181,205)
```
#c3c0d5
```
#c3c0d5 rgb(195,192,213)
```
#ceccdd
```
#ceccdd rgb(206,204,221)
```
#d9d8e5
```
#d9d8e5 rgb(217,216,229)
```
#e5e4ed
```
#e5e4ed rgb(229,228,237)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#5c5b63
```
#5c5b63 rgb(92,91,99)
```
#56536b
```
#56536b rgb(86,83,107)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#4a4579
```
#4a4579 rgb(74,69,121)
```
#443d81
```
#443d81 rgb(68,61,129)
```
#3f3688
```
#3f3688 rgb(63,54,136)
```
#392f8f
```
#392f8f rgb(57,47,143)
```
#332797
```
#332797 rgb(51,39,151)
```
#2d209e
```
#2d209e rgb(45,32,158)
```
#2819a5
```
#2819a5 rgb(40,25,165)
```
#2212ac
```
#2212ac rgb(34,18,172)
```
#1c0ab4
```
#1c0ab4 rgb(28,10,180)
```
#1603bb
```
#1603bb rgb(22,3,187)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#525158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d587b Protanopia 1% of men
#4e5878 Deuteranopia 1% of men
#535a60 Tritanopia 0.001% of the population

Trichromacy

#4e5377 Protanomaly 1% of men, 0.01% of women
#4f5375 Deuteranomaly 6% of men, 0.4% of women
#515567 Tritanomaly 0.01% of the population