#504b76 hex color

In a RGB color space, hex #504b76 is composed of 31.4% red, 29.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 36.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 247 degrees, a saturation of 22.3% and a lightness of 37.8%. #504b76 color hex could be obtained by blending #a096ec with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #504b76 has RGB values of R:80, G:75, B:118 and CMYK values of C:0.32, M:0.36, Y:0, K:0.54. Its decimal value is 5262198.

Hex triplet	504b76	`#504b76`
RGB Decimal	80, 75, 118	`rgb(80,75,118)`
RGB Percent	31.4, 29.4, 46.3	`rgb(31.4%,29.4%,46.3%)`
CMYK	32, 36, 0, 54
HSL	247°, 22.3, 37.8	`hsl(247,22.3%,37.8%)`
HSV (or HSB)	247°, 36.4, 46.3
Web Safe	663366	`#663366`

CIE-LAB	34.078, 12.834, -23.855
XYZ	9.094, 8.046, 18.212
xyY	0.257, 0.228, 8.046
CIE-LCH	34.078, 27.089, 298.28
CIE-LUV	34.078, -0.263, -33.53
Hunter-Lab	28.365, 7.589, -18.214
Binary	01010000, 01001011, 01110110

#504b76
```
#504b76 rgb(80,75,118)
```
#71764b
```
#71764b rgb(113,118,75)
```

Complementary Color

#4b5c76
```
#4b5c76 rgb(75,92,118)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#664b76
```
#664b76 rgb(102,75,118)
```

Analogous Color

#5c764b
```
#5c764b rgb(92,118,75)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#76664b
```
#76664b rgb(118,102,75)
```

Split Complementary Color

#4b7650
```
#4b7650 rgb(75,118,80)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#76504b
```
#76504b rgb(118,80,75)
```

Triadic Color

#4b7176
```
#4b7176 rgb(75,113,118)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#76504b
```
#76504b rgb(118,80,75)
```
#71764b
```
#71764b rgb(113,118,75)
```

Tetradic Color

#302d47
```
#302d47 rgb(48,45,71)
```
#3b3757
```
#3b3757 rgb(59,55,87)
```
#454166
```
#454166 rgb(69,65,102)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#5b5586
```
#5b5586 rgb(91,85,134)
```
#655f95
```
#655f95 rgb(101,95,149)
```
#726ca2
```
#726ca2 rgb(114,108,162)
```

Monochromatic Color

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

#4b5176
```
#4b5176 rgb(75,81,118)
```
#4b4d76
```
#4b4d76 rgb(75,77,118)
```
#4c4b76
```
#4c4b76 rgb(76,75,118)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#544b76
```
#544b76 rgb(84,75,118)
```
#574b76
```
#574b76 rgb(87,75,118)
```
#5b4b76
```
#5b4b76 rgb(91,75,118)
```

Similar Colors

Text with hexadecimal color #504b76

This text has a font color of #504b76.

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

#504b76 background color

This paragraph has a background color of #504b76.

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

#504b76 border color

This element has a border color of #504b76.

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

CSS codes

.text {color:#504b76;}

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

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

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, #07060a is the darkest color, while #fdfdfe is the lightest one.

#07060a
```
#07060a rgb(7,6,10)
```
#0f0e16
```
#0f0e16 rgb(15,14,22)
```
#171622
```
#171622 rgb(23,22,34)
```
#1f1d2e
```
#1f1d2e rgb(31,29,46)
```
#27253a
```
#27253a rgb(39,37,58)
```
#2f2d46
```
#2f2d46 rgb(47,45,70)
```
#383452
```
#383452 rgb(56,52,82)
```
#403c5e
```
#403c5e rgb(64,60,94)
```
#48436a
```
#48436a rgb(72,67,106)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#585382
```
#585382 rgb(88,83,130)
```
#605a8e
```
#605a8e rgb(96,90,142)
```
#68629a
```
#68629a rgb(104,98,154)
```

Shade Color Variation

#736da2
```
#736da2 rgb(115,109,162)
```
#7f79aa
```
#7f79aa rgb(127,121,170)
```
#8a85b2
```
#8a85b2 rgb(138,133,178)
```
#9691b9
```
#9691b9 rgb(150,145,185)
```
#a19dc1
```
#a19dc1 rgb(161,157,193)
```
#ada9c8
```
#ada9c8 rgb(173,169,200)
```
#b8b5d0
```
#b8b5d0 rgb(184,181,208)
```
#c4c1d8
```
#c4c1d8 rgb(196,193,216)
```
#cfcddf
```
#cfcddf rgb(207,205,223)
```
#dbd9e7
```
#dbd9e7 rgb(219,217,231)
```
#e6e5ef
```
#e6e5ef rgb(230,229,239)
```
#f2f1f6
```
#f2f1f6 rgb(242,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5b5a67
```
#5b5a67 rgb(91,90,103)
```
#56526f
```
#56526f rgb(86,82,111)
```
#504b76
```
#504b76 rgb(80,75,118)
```
#4a447d
```
#4a447d rgb(74,68,125)
```
#453c85
```
#453c85 rgb(69,60,133)
```
#3f358c
```
#3f358c rgb(63,53,140)
```
#392d94
```
#392d94 rgb(57,45,148)
```
#34269b
```
#34269b rgb(52,38,155)
```
#2e1ea3
```
#2e1ea3 rgb(46,30,163)
```
#2817aa
```
#2817aa rgb(40,23,170)
```
#2210b1
```
#2210b1 rgb(34,16,177)
```
#1d08b9
```
#1d08b9 rgb(29,8,185)
```
#1701c0
```
#1701c0 rgb(23,1,192)
```

Tone Color Variation

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

#4a577f Protanopia 1% of men
#4b587b Deuteranopia 1% of men
#515a60 Tritanopia 0.001% of the population

Trichromacy

#4c537c Protanomaly 1% of men, 0.01% of women
#4c5379 Deuteranomaly 6% of men, 0.4% of women
#515468 Tritanomaly 0.01% of the population

#504b76 hex color

#504b76 Color Information

#504b76 Color Conversion

Color Schemes with #504b76

Alternatives to #504b76

#504b76 Preview

Shades and Tints of #504b76

Tones of #504b76

Color Blindness Simulator