#524877 hex color

In a RGB color space, hex #524877 is composed of 32.2% red, 28.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 39.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 252.8 degrees, a saturation of 24.6% and a lightness of 37.5%. #524877 color hex could be obtained by blending #a490ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 32
- G 28
- B 47
RGB color chart
- C 31
- M 39
- Y 0
- K 53
CMYK color chart

● #524877 color description : Mostly desaturated dark blue.

The hexadecimal color #524877 has RGB values of R:82, G:72, B:119 and CMYK values of C:0.31, M:0.39, Y:0, K:0.53. Its decimal value is 5392503.

Hex triplet	524877	`#524877`
RGB Decimal	82, 72, 119	`rgb(82,72,119)`
RGB Percent	32.2, 28.2, 46.7	`rgb(32.2%,28.2%,46.7%)`
CMYK	31, 39, 0, 53
HSL	252.8°, 24.6, 37.5	`hsl(252.8,24.6%,37.5%)`
HSV (or HSB)	252.8°, 39.5, 46.7
Web Safe	663366	`#663366`

CIE-LAB	33.479, 15.686, -25.402
XYZ	9.126, 7.76, 18.469
xyY	0.258, 0.219, 7.76
CIE-LCH	33.479, 29.855, 301.696
CIE-LUV	33.479, 1.703, -35.832
Hunter-Lab	27.858, 9.727, -19.808
Binary	01010010, 01001000, 01110111

#524877
```
#524877 rgb(82,72,119)
```
#6d7748
```
#6d7748 rgb(109,119,72)
```

Complementary Color

#485677
```
#485677 rgb(72,86,119)
```
#524877
```
#524877 rgb(82,72,119)
```
#6a4877
```
#6a4877 rgb(106,72,119)
```

Analogous Color

#567748
```
#567748 rgb(86,119,72)
```
#524877
```
#524877 rgb(82,72,119)
```
#776a48
```
#776a48 rgb(119,106,72)
```

Split Complementary Color

#487752
```
#487752 rgb(72,119,82)
```
#524877
```
#524877 rgb(82,72,119)
```
#775248
```
#775248 rgb(119,82,72)
```

Triadic Color

#486d77
```
#486d77 rgb(72,109,119)
```
#524877
```
#524877 rgb(82,72,119)
```
#775248
```
#775248 rgb(119,82,72)
```
#6d7748
```
#6d7748 rgb(109,119,72)
```

Tetradic Color

#312b47
```
#312b47 rgb(49,43,71)
```
#3c3557
```
#3c3557 rgb(60,53,87)
```
#473e67
```
#473e67 rgb(71,62,103)
```
#524877
```
#524877 rgb(82,72,119)
```
#5d5287
```
#5d5287 rgb(93,82,135)
```
#685b97
```
#685b97 rgb(104,91,151)
```
#7568a4
```
#7568a4 rgb(117,104,164)
```

Monochromatic Color

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

#484a77
```
#484a77 rgb(72,74,119)
```
#4a4877
```
#4a4877 rgb(74,72,119)
```
#4e4877
```
#4e4877 rgb(78,72,119)
```
#524877
```
#524877 rgb(82,72,119)
```
#564877
```
#564877 rgb(86,72,119)
```
#5a4877
```
#5a4877 rgb(90,72,119)
```
#5e4877
```
#5e4877 rgb(94,72,119)
```

Similar Colors

Text with hexadecimal color #524877

This text has a font color of #524877.

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

#524877 background color

This paragraph has a background color of #524877.

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

#524877 border color

This element has a border color of #524877.

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

CSS codes

.text {color:#524877;}

.background {background-color:#524877;}

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0f0d15
```
#0f0d15 rgb(15,13,21)
```
#171421
```
#171421 rgb(23,20,33)
```
#1f1c2e
```
#1f1c2e rgb(31,28,46)
```
#28233a
```
#28233a rgb(40,35,58)
```
#302a46
```
#302a46 rgb(48,42,70)
```
#393252
```
#393252 rgb(57,50,82)
```
#41395f
```
#41395f rgb(65,57,95)
```
#4a416b
```
#4a416b rgb(74,65,107)
```
#524877
```
#524877 rgb(82,72,119)
```
#5a4f83
```
#5a4f83 rgb(90,79,131)
```
#63578f
```
#63578f rgb(99,87,143)
```
#6b5e9c
```
#6b5e9c rgb(107,94,156)
```

Shade Color Variation

#7669a4
```
#7669a4 rgb(118,105,164)
```
#8175ac
```
#8175ac rgb(129,117,172)
```
#8c82b3
```
#8c82b3 rgb(140,130,179)
```
#978ebb
```
#978ebb rgb(151,142,187)
```
#a39ac2
```
#a39ac2 rgb(163,154,194)
```
#aea6c9
```
#aea6c9 rgb(174,166,201)
```
#b9b2d1
```
#b9b2d1 rgb(185,178,209)
```
#c4bfd8
```
#c4bfd8 rgb(196,191,216)
```
#cfcbdf
```
#cfcbdf rgb(207,203,223)
```
#dad7e7
```
#dad7e7 rgb(218,215,231)
```
#e6e3ee
```
#e6e3ee rgb(230,227,238)
```
#f1f0f6
```
#f1f0f6 rgb(241,240,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5f5e61
```
#5f5e61 rgb(95,94,97)
```
#5a5768
```
#5a5768 rgb(90,87,104)
```
#564f70
```
#564f70 rgb(86,79,112)
```
#524877
```
#524877 rgb(82,72,119)
```
#4e417e
```
#4e417e rgb(78,65,126)
```
#4a3986
```
#4a3986 rgb(74,57,134)
```
#45328d
```
#45328d rgb(69,50,141)
```
#412b94
```
#412b94 rgb(65,43,148)
```
#3d239c
```
#3d239c rgb(61,35,156)
```
#391ca3
```
#391ca3 rgb(57,28,163)
```
#3415aa
```
#3415aa rgb(52,21,170)
```
#300db2
```
#300db2 rgb(48,13,178)
```
#2c06b9
```
#2c06b9 rgb(44,6,185)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475681 Protanopia 1% of men
#47577b Deuteranopia 1% of men
#53585e Tritanopia 0.001% of the population

Trichromacy

#4b517d Protanomaly 1% of men, 0.01% of women
#4b517a Deuteranomaly 6% of men, 0.4% of women
#525267 Tritanomaly 0.01% of the population

#524877 hex color

#524877 Color Information

#524877 Color Conversion

Color Schemes with #524877

Alternatives to #524877

#524877 Preview

Shades and Tints of #524877

Tones of #524877

Color Blindness Simulator