#504474 hex color

In a RGB color space, hex #504474 is composed of 31.4% red, 26.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 41.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 255 degrees, a saturation of 26.1% and a lightness of 36.1%. #504474 color hex could be obtained by blending #a088e8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 27
- B 45
RGB color chart
- C 31
- M 41
- Y 0
- K 55
CMYK color chart

● #504474 color description : Mostly desaturated dark blue.

The hexadecimal color #504474 has RGB values of R:80, G:68, B:116 and CMYK values of C:0.31, M:0.41, Y:0, K:0.55. Its decimal value is 5260404.

Hex triplet	504474	`#504474`
RGB Decimal	80, 68, 116	`rgb(80,68,116)`
RGB Percent	31.4, 26.7, 45.5	`rgb(31.4%,26.7%,45.5%)`
CMYK	31, 41, 0, 55
HSL	255°, 26.1, 36.1	`hsl(255,26.1%,36.1%)`
HSV (or HSB)	255°, 41.4, 45.5
Web Safe	663366	`#663366`

CIE-LAB	32.035, 16.787, -25.804
XYZ	8.527, 7.101, 17.443
xyY	0.258, 0.215, 7.101
CIE-LCH	32.035, 30.784, 303.047
CIE-LUV	32.035, 2.481, -36.026
Hunter-Lab	26.647, 10.489, -20.159
Binary	01010000, 01000100, 01110100

#504474
```
#504474 rgb(80,68,116)
```
#687444
```
#687444 rgb(104,116,68)
```

Complementary Color

#445074
```
#445074 rgb(68,80,116)
```
#504474
```
#504474 rgb(80,68,116)
```
#684474
```
#684474 rgb(104,68,116)
```

Analogous Color

#507444
```
#507444 rgb(80,116,68)
```
#504474
```
#504474 rgb(80,68,116)
```
#746844
```
#746844 rgb(116,104,68)
```

Split Complementary Color

#447450
```
#447450 rgb(68,116,80)
```
#504474
```
#504474 rgb(80,68,116)
```
#745044
```
#745044 rgb(116,80,68)
```

Triadic Color

#446874
```
#446874 rgb(68,104,116)
```
#504474
```
#504474 rgb(80,68,116)
```
#745044
```
#745044 rgb(116,80,68)
```
#687444
```
#687444 rgb(104,116,68)
```

Tetradic Color

#2f2844
```
#2f2844 rgb(47,40,68)
```
#3a3154
```
#3a3154 rgb(58,49,84)
```
#453b64
```
#453b64 rgb(69,59,100)
```
#504474
```
#504474 rgb(80,68,116)
```
#5b4d84
```
#5b4d84 rgb(91,77,132)
```
#665794
```
#665794 rgb(102,87,148)
```
#7262a3
```
#7262a3 rgb(114,98,163)
```

Monochromatic Color

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

#444474
```
#444474 rgb(68,68,116)
```
#484474
```
#484474 rgb(72,68,116)
```
#4c4474
```
#4c4474 rgb(76,68,116)
```
#504474
```
#504474 rgb(80,68,116)
```
#544474
```
#544474 rgb(84,68,116)
```
#584474
```
#584474 rgb(88,68,116)
```
#5c4474
```
#5c4474 rgb(92,68,116)
```

Similar Colors

Text with hexadecimal color #504474

This text has a font color of #504474.

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

#504474 background color

This paragraph has a background color of #504474.

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

#504474 border color

This element has a border color of #504474.

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

CSS codes

.text {color:#504474;}

.background {background-color:#504474;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0c0a11
```
#0c0a11 rgb(12,10,17)
```
#14111d
```
#14111d rgb(20,17,29)
```
#1d192a
```
#1d192a rgb(29,25,42)
```
#252036
```
#252036 rgb(37,32,54)
```
#2e2743
```
#2e2743 rgb(46,39,67)
```
#362e4f
```
#362e4f rgb(54,46,79)
```
#3f365b
```
#3f365b rgb(63,54,91)
```
#473d68
```
#473d68 rgb(71,61,104)
```
#504474
```
#504474 rgb(80,68,116)
```
#594b80
```
#594b80 rgb(89,75,128)
```
#61528d
```
#61528d rgb(97,82,141)
```
#6a5a99
```
#6a5a99 rgb(106,90,153)
```

Shade Color Variation

#7363a4
```
#7363a4 rgb(115,99,164)
```
#7e6fab
```
#7e6fab rgb(126,111,171)
```
#897cb2
```
#897cb2 rgb(137,124,178)
```
#9488b9
```
#9488b9 rgb(148,136,185)
```
#9f94c1
```
#9f94c1 rgb(159,148,193)
```
#aba1c8
```
#aba1c8 rgb(171,161,200)
```
#b6adcf
```
#b6adcf rgb(182,173,207)
```
#c1bad6
```
#c1bad6 rgb(193,186,214)
```
#ccc6de
```
#ccc6de rgb(204,198,222)
```
#d7d2e5
```
#d7d2e5 rgb(215,210,229)
```
#e2dfec
```
#e2dfec rgb(226,223,236)
```
#edebf3
```
#edebf3 rgb(237,235,243)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#5b595f
```
#5b595f rgb(91,89,95)
```
#575266
```
#575266 rgb(87,82,102)
```
#544b6d
```
#544b6d rgb(84,75,109)
```
#504474
```
#504474 rgb(80,68,116)
```
#4c3d7b
```
#4c3d7b rgb(76,61,123)
```
#493682
```
#493682 rgb(73,54,130)
```
#452f89
```
#452f89 rgb(69,47,137)
```
#422890
```
#422890 rgb(66,40,144)
```
#3e2197
```
#3e2197 rgb(62,33,151)
```
#3b1a9e
```
#3b1a9e rgb(59,26,158)
```
#3712a6
```
#3712a6 rgb(55,18,166)
```
#340bad
```
#340bad rgb(52,11,173)
```
#3004b4
```
#3004b4 rgb(48,4,180)
```

Tone Color Variation

Below, you can see how #504474 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
#4e4b55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43537f Protanopia 1% of men
#435478 Deuteranopia 1% of men
#51555b Tritanopia 0.001% of the population

Trichromacy

#474d7b Protanomaly 1% of men, 0.01% of women
#484e77 Deuteranomaly 6% of men, 0.4% of women
#504e64 Tritanomaly 0.01% of the population

#504474 hex color

#504474 Color Information

#504474 Color Conversion

Color Schemes with #504474

Alternatives to #504474

#504474 Preview

Shades and Tints of #504474

Tones of #504474

Color Blindness Simulator