#504b72 hex color

In a RGB color space, hex #504b72 is composed of 31.4% red, 29.4% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 34.2% magenta, 0% yellow and 55.3% black. It has a hue angle of 247.7 degrees, a saturation of 20.6% and a lightness of 37.1%. #504b72 color hex could be obtained by blending #a096e4 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #504b72 has RGB values of R:80, G:75, B:114 and CMYK values of C:0.3, M:0.34, Y:0, K:0.55. Its decimal value is 5262194.

Hex triplet	504b72	`#504b72`
RGB Decimal	80, 75, 114	`rgb(80,75,114)`
RGB Percent	31.4, 29.4, 44.7	`rgb(31.4%,29.4%,44.7%)`
CMYK	30, 34, 0, 55
HSL	247.7°, 20.6, 37.1	`hsl(247.7,20.6%,37.1%)`
HSV (or HSB)	247.7°, 34.2, 44.7
Web Safe	663366	`#663366`

CIE-LAB	33.884, 11.702, -21.66
XYZ	8.861, 7.952, 16.987
xyY	0.262, 0.235, 7.952
CIE-LCH	33.884, 24.619, 298.38
CIE-LUV	33.884, 0.023, -30.276
Hunter-Lab	28.2, 6.738, -15.974
Binary	01010000, 01001011, 01110010

#504b72
```
#504b72 rgb(80,75,114)
```
#6d724b
```
#6d724b rgb(109,114,75)
```

Complementary Color

#4b5a72
```
#4b5a72 rgb(75,90,114)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#644b72
```
#644b72 rgb(100,75,114)
```

Analogous Color

#5a724b
```
#5a724b rgb(90,114,75)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#72644b
```
#72644b rgb(114,100,75)
```

Split Complementary Color

#4b7250
```
#4b7250 rgb(75,114,80)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#72504b
```
#72504b rgb(114,80,75)
```

Triadic Color

#4b6d72
```
#4b6d72 rgb(75,109,114)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#72504b
```
#72504b rgb(114,80,75)
```
#6d724b
```
#6d724b rgb(109,114,75)
```

Tetradic Color

#302d44
```
#302d44 rgb(48,45,68)
```
#3a3753
```
#3a3753 rgb(58,55,83)
```
#454163
```
#454163 rgb(69,65,99)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#5b5581
```
#5b5581 rgb(91,85,129)
```
#665f91
```
#665f91 rgb(102,95,145)
```
#726c9e
```
#726c9e rgb(114,108,158)
```

Monochromatic Color

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

#4b5072
```
#4b5072 rgb(75,80,114)
```
#4b4d72
```
#4b4d72 rgb(75,77,114)
```
#4d4b72
```
#4d4b72 rgb(77,75,114)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#534b72
```
#534b72 rgb(83,75,114)
```
#574b72
```
#574b72 rgb(87,75,114)
```
#5a4b72
```
#5a4b72 rgb(90,75,114)
```

Similar Colors

Text with hexadecimal color #504b72

This text has a font color of #504b72.

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

#504b72 background color

This paragraph has a background color of #504b72.

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

#504b72 border color

This element has a border color of #504b72.

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

CSS codes

.text {color:#504b72;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0e0d13
```
#0e0d13 rgb(14,13,19)
```
#16151f
```
#16151f rgb(22,21,31)
```
#1e1c2b
```
#1e1c2b rgb(30,28,43)
```
#262437
```
#262437 rgb(38,36,55)
```
#2f2c43
```
#2f2c43 rgb(47,44,67)
```
#37344f
```
#37344f rgb(55,52,79)
```
#3f3b5a
```
#3f3b5a rgb(63,59,90)
```
#484366
```
#484366 rgb(72,67,102)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#58537e
```
#58537e rgb(88,83,126)
```
#615b8a
```
#615b8a rgb(97,91,138)
```
#696295
```
#696295 rgb(105,98,149)
```

Shade Color Variation

#736d9f
```
#736d9f rgb(115,109,159)
```
#7e79a7
```
#7e79a7 rgb(126,121,167)
```
#8a84ae
```
#8a84ae rgb(138,132,174)
```
#9590b6
```
#9590b6 rgb(149,144,182)
```
#a09cbe
```
#a09cbe rgb(160,156,190)
```
#aca8c6
```
#aca8c6 rgb(172,168,198)
```
#b7b4cd
```
#b7b4cd rgb(183,180,205)
```
#c2c0d5
```
#c2c0d5 rgb(194,192,213)
```
#cecbdd
```
#cecbdd rgb(206,203,221)
```
#d9d7e5
```
#d9d7e5 rgb(217,215,229)
```
#e4e3ed
```
#e4e3ed rgb(228,227,237)
```
#f0eff4
```
#f0eff4 rgb(240,239,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#5b5a63
```
#5b5a63 rgb(91,90,99)
```
#55526b
```
#55526b rgb(85,82,107)
```
#504b72
```
#504b72 rgb(80,75,114)
```
#4b4479
```
#4b4479 rgb(75,68,121)
```
#453c81
```
#453c81 rgb(69,60,129)
```
#403588
```
#403588 rgb(64,53,136)
```
#3a2e8f
```
#3a2e8f rgb(58,46,143)
```
#352796
```
#352796 rgb(53,39,150)
```
#301f9e
```
#301f9e rgb(48,31,158)
```
#2a18a5
```
#2a18a5 rgb(42,24,165)
```
#2511ac
```
#2511ac rgb(37,17,172)
```
#1f0ab3
```
#1f0ab3 rgb(31,10,179)
```
#1a02bb
```
#1a02bb rgb(26,2,187)
```

Tone Color Variation

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

#4c577b Protanopia 1% of men
#4d5778 Deuteranopia 1% of men
#525960 Tritanopia 0.001% of the population

Trichromacy

#4d5378 Protanomaly 1% of men, 0.01% of women
#4e5375 Deuteranomaly 6% of men, 0.4% of women
#515466 Tritanomaly 0.01% of the population

#504b72 hex color

#504b72 Color Information

#504b72 Color Conversion

Color Schemes with #504b72

Alternatives to #504b72

#504b72 Preview

Shades and Tints of #504b72

Tones of #504b72

Color Blindness Simulator