#504a74 hex color

In a RGB color space, hex #504a74 is composed of 31.4% red, 29% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 36.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 248.6 degrees, a saturation of 22.1% and a lightness of 37.3%. #504a74 color hex could be obtained by blending #a094e8 with #000000. Closest websafe color is: #663366.

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

● #504a74 color description : Mostly desaturated dark blue.

The hexadecimal color #504a74 has RGB values of R:80, G:74, B:116 and CMYK values of C:0.31, M:0.36, Y:0, K:0.55. Its decimal value is 5261940.

Hex triplet	504a74	`#504a74`
RGB Decimal	80, 74, 116	`rgb(80,74,116)`
RGB Percent	31.4, 29, 45.5	`rgb(31.4%,29%,45.5%)`
CMYK	31, 36, 0, 55
HSL	248.6°, 22.1, 37.3	`hsl(248.6,22.1%,37.3%)`
HSV (or HSB)	248.6°, 36.2, 45.5
Web Safe	663366	`#663366`

CIE-LAB	33.698, 12.91, -23.2
XYZ	8.909, 7.864, 17.571
xyY	0.259, 0.229, 7.864
CIE-LCH	33.698, 26.55, 299.094
CIE-LUV	33.698, 0.262, -32.513
Hunter-Lab	28.043, 7.633, -17.519
Binary	01010000, 01001010, 01110100

#504a74
```
#504a74 rgb(80,74,116)
```
#6e744a
```
#6e744a rgb(110,116,74)
```

Complementary Color

#4a5974
```
#4a5974 rgb(74,89,116)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#654a74
```
#654a74 rgb(101,74,116)
```

Analogous Color

#59744a
```
#59744a rgb(89,116,74)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#74654a
```
#74654a rgb(116,101,74)
```

Split Complementary Color

#4a7450
```
#4a7450 rgb(74,116,80)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#74504a
```
#74504a rgb(116,80,74)
```

Triadic Color

#4a6e74
```
#4a6e74 rgb(74,110,116)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#74504a
```
#74504a rgb(116,80,74)
```
#6e744a
```
#6e744a rgb(110,116,74)
```

Tetradic Color

#302c45
```
#302c45 rgb(48,44,69)
```
#3b3655
```
#3b3655 rgb(59,54,85)
```
#454064
```
#454064 rgb(69,64,100)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#5b5484
```
#5b5484 rgb(91,84,132)
```
#655e93
```
#655e93 rgb(101,94,147)
```
#726aa0
```
#726aa0 rgb(114,106,160)
```

Monochromatic Color

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

#4a4f74
```
#4a4f74 rgb(74,79,116)
```
#4a4b74
```
#4a4b74 rgb(74,75,116)
```
#4d4a74
```
#4d4a74 rgb(77,74,116)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#544a74
```
#544a74 rgb(84,74,116)
```
#574a74
```
#574a74 rgb(87,74,116)
```
#5b4a74
```
#5b4a74 rgb(91,74,116)
```

Similar Colors

Text with hexadecimal color #504a74

This text has a font color of #504a74.

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

#504a74 background color

This paragraph has a background color of #504a74.

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

#504a74 border color

This element has a border color of #504a74.

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

CSS codes

.text {color:#504a74;}

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

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

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)
```
#1e1c2c
```
#1e1c2c rgb(30,28,44)
```
#272438
```
#272438 rgb(39,36,56)
```
#2f2b44
```
#2f2b44 rgb(47,43,68)
```
#373350
```
#373350 rgb(55,51,80)
```
#3f3b5c
```
#3f3b5c rgb(63,59,92)
```
#484268
```
#484268 rgb(72,66,104)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#585280
```
#585280 rgb(88,82,128)
```
#61598c
```
#61598c rgb(97,89,140)
```
#696198
```
#696198 rgb(105,97,152)
```

Shade Color Variation

#736ca1
```
#736ca1 rgb(115,108,161)
```
#7f78a9
```
#7f78a9 rgb(127,120,169)
```
#8a83b0
```
#8a83b0 rgb(138,131,176)
```
#958fb8
```
#958fb8 rgb(149,143,184)
```
#a19bbf
```
#a19bbf rgb(161,155,191)
```
#aca7c7
```
#aca7c7 rgb(172,167,199)
```
#b7b3cf
```
#b7b3cf rgb(183,179,207)
```
#c3bfd6
```
#c3bfd6 rgb(195,191,214)
```
#cecbde
```
#cecbde rgb(206,203,222)
```
#d9d7e6
```
#d9d7e6 rgb(217,215,230)
```
#e5e3ed
```
#e5e3ed rgb(229,227,237)
```
#f0eff5
```
#f0eff5 rgb(240,239,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#5a5965
```
#5a5965 rgb(90,89,101)
```
#55516d
```
#55516d rgb(85,81,109)
```
#504a74
```
#504a74 rgb(80,74,116)
```
#4b437b
```
#4b437b rgb(75,67,123)
```
#463b83
```
#463b83 rgb(70,59,131)
```
#40348a
```
#40348a rgb(64,52,138)
```
#3b2d91
```
#3b2d91 rgb(59,45,145)
```
#362599
```
#362599 rgb(54,37,153)
```
#311ea0
```
#311ea0 rgb(49,30,160)
```
#2b17a7
```
#2b17a7 rgb(43,23,167)
```
#2610ae
```
#2610ae rgb(38,16,174)
```
#2108b6
```
#2108b6 rgb(33,8,182)
```
#1c01bd
```
#1c01bd rgb(28,1,189)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#515058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a577d Protanopia 1% of men
#4b5779 Deuteranopia 1% of men
#52595f Tritanopia 0.001% of the population

Trichromacy

#4c527a Protanomaly 1% of men, 0.01% of women
#4c5277 Deuteranomaly 6% of men, 0.4% of women
#515367 Tritanomaly 0.01% of the population

#504a74 hex color

#504a74 Color Information

#504a74 Color Conversion

Color Schemes with #504a74

Alternatives to #504a74

#504a74 Preview

Shades and Tints of #504a74

Tones of #504a74

Color Blindness Simulator