#504b74 hex color

In a RGB color space, hex #504b74 is composed of 31.4% red, 29.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 35.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 247.3 degrees, a saturation of 21.5% and a lightness of 37.5%. #504b74 color hex could be obtained by blending #a096e8 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #504b74 has RGB values of R:80, G:75, B:116 and CMYK values of C:0.31, M:0.35, Y:0, K:0.55. Its decimal value is 5262196.

Hex triplet	504b74	`#504b74`
RGB Decimal	80, 75, 116	`rgb(80,75,116)`
RGB Percent	31.4, 29.4, 45.5	`rgb(31.4%,29.4%,45.5%)`
CMYK	31, 35, 0, 55
HSL	247.3°, 21.5, 37.5	`hsl(247.3,21.5%,37.5%)`
HSV (or HSB)	247.3°, 35.3, 45.5
Web Safe	663366	`#663366`

CIE-LAB	33.98, 12.265, -22.76
XYZ	8.976, 7.998, 17.593
xyY	0.26, 0.231, 7.998
CIE-LCH	33.98, 25.855, 298.32
CIE-LUV	33.98, -0.12, -31.904
Hunter-Lab	28.282, 7.16, -17.085
Binary	01010000, 01001011, 01110100

#504b74
```
#504b74 rgb(80,75,116)
```
#6f744b
```
#6f744b rgb(111,116,75)
```

Complementary Color

#4b5b74
```
#4b5b74 rgb(75,91,116)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#654b74
```
#654b74 rgb(101,75,116)
```

Analogous Color

#5b744b
```
#5b744b rgb(91,116,75)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#74654b
```
#74654b rgb(116,101,75)
```

Split Complementary Color

#4b7450
```
#4b7450 rgb(75,116,80)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#74504b
```
#74504b rgb(116,80,75)
```

Triadic Color

#4b6f74
```
#4b6f74 rgb(75,111,116)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#74504b
```
#74504b rgb(116,80,75)
```
#6f744b
```
#6f744b rgb(111,116,75)
```

Tetradic Color

#302d46
```
#302d46 rgb(48,45,70)
```
#3b3755
```
#3b3755 rgb(59,55,85)
```
#454165
```
#454165 rgb(69,65,101)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#5b5583
```
#5b5583 rgb(91,85,131)
```
#655f93
```
#655f93 rgb(101,95,147)
```
#726ca0
```
#726ca0 rgb(114,108,160)
```

Monochromatic Color

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

#4b5074
```
#4b5074 rgb(75,80,116)
```
#4b4d74
```
#4b4d74 rgb(75,77,116)
```
#4d4b74
```
#4d4b74 rgb(77,75,116)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#534b74
```
#534b74 rgb(83,75,116)
```
#574b74
```
#574b74 rgb(87,75,116)
```
#5a4b74
```
#5a4b74 rgb(90,75,116)
```

Similar Colors

Text with hexadecimal color #504b74

This text has a font color of #504b74.

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

#504b74 background color

This paragraph has a background color of #504b74.

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

#504b74 border color

This element has a border color of #504b74.

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

CSS codes

.text {color:#504b74;}

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

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0e0d15
```
#0e0d15 rgb(14,13,21)
```
#161521
```
#161521 rgb(22,21,33)
```
#1f1d2d
```
#1f1d2d rgb(31,29,45)
```
#272438
```
#272438 rgb(39,36,56)
```
#2f2c44
```
#2f2c44 rgb(47,44,68)
```
#373450
```
#373450 rgb(55,52,80)
```
#403c5c
```
#403c5c rgb(64,60,92)
```
#484368
```
#484368 rgb(72,67,104)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#585380
```
#585380 rgb(88,83,128)
```
#605a8c
```
#605a8c rgb(96,90,140)
```
#696298
```
#696298 rgb(105,98,152)
```

Shade Color Variation

#736da1
```
#736da1 rgb(115,109,161)
```
#7f79a8
```
#7f79a8 rgb(127,121,168)
```
#8a85b0
```
#8a85b0 rgb(138,133,176)
```
#9591b8
```
#9591b8 rgb(149,145,184)
```
#a19dbf
```
#a19dbf rgb(161,157,191)
```
#aca8c7
```
#aca8c7 rgb(172,168,199)
```
#b8b4cf
```
#b8b4cf rgb(184,180,207)
```
#c3c0d6
```
#c3c0d6 rgb(195,192,214)
```
#ceccde
```
#ceccde rgb(206,204,222)
```
#dad8e6
```
#dad8e6 rgb(218,216,230)
```
#e5e4ee
```
#e5e4ee rgb(229,228,238)
```
#f1f0f5
```
#f1f0f5 rgb(241,240,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5b5a65
```
#5b5a65 rgb(91,90,101)
```
#56526d
```
#56526d rgb(86,82,109)
```
#504b74
```
#504b74 rgb(80,75,116)
```
#4a447b
```
#4a447b rgb(74,68,123)
```
#453c83
```
#453c83 rgb(69,60,131)
```
#3f358a
```
#3f358a rgb(63,53,138)
```
#3a2e91
```
#3a2e91 rgb(58,46,145)
```
#342699
```
#342699 rgb(52,38,153)
```
#2f1fa0
```
#2f1fa0 rgb(47,31,160)
```
#2918a7
```
#2918a7 rgb(41,24,167)
```
#2410af
```
#2410af rgb(36,16,175)
```
#1e09b6
```
#1e09b6 rgb(30,9,182)
```
#1802bd
```
#1802bd rgb(24,2,189)
```

Tone Color Variation

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

#4b577d Protanopia 1% of men
#4c5879 Deuteranopia 1% of men
#525a60 Tritanopia 0.001% of the population

Trichromacy

#4d537a Protanomaly 1% of men, 0.01% of women
#4d5377 Deuteranomaly 6% of men, 0.4% of women
#515467 Tritanomaly 0.01% of the population

#504b74 hex color

#504b74 Color Information

#504b74 Color Conversion

Color Schemes with #504b74

Alternatives to #504b74

#504b74 Preview

Shades and Tints of #504b74

Tones of #504b74

Color Blindness Simulator