#504888 hex color

In a RGB color space, hex #504888 is composed of 31.4% red, 28.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 47.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 247.5 degrees, a saturation of 30.8% and a lightness of 40.8%. #504888 color hex could be obtained by blending #a090ff with #000011. Closest websafe color is: #663399.

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

● #504888 color description : Dark moderate blue.

The hexadecimal color #504888 has RGB values of R:80, G:72, B:136 and CMYK values of C:0.41, M:0.47, Y:0, K:0.47. Its decimal value is 5261448.

Hex triplet	504888	`#504888`
RGB Decimal	80, 72, 136	`rgb(80,72,136)`
RGB Percent	31.4, 28.2, 53.3	`rgb(31.4%,28.2%,53.3%)`
CMYK	41, 47, 0, 47
HSL	247.5°, 30.8, 40.8	`hsl(247.5,30.8%,40.8%)`
HSV (or HSB)	247.5°, 47.1, 53.3
Web Safe	663399	`#663399`

CIE-LAB	34.227, 20.088, -34.763
XYZ	10.069, 8.118, 24.328
xyY	0.237, 0.191, 8.118
CIE-LCH	34.227, 40.149, 300.022
CIE-LUV	34.227, -0.534, -49.67
Hunter-Lab	28.491, 13.221, -30.681
Binary	01010000, 01001000, 10001000

#504888
```
#504888 rgb(80,72,136)
```
#808848
```
#808848 rgb(128,136,72)
```

Complementary Color

#486088
```
#486088 rgb(72,96,136)
```
#504888
```
#504888 rgb(80,72,136)
```
#704888
```
#704888 rgb(112,72,136)
```

Analogous Color

#608848
```
#608848 rgb(96,136,72)
```
#504888
```
#504888 rgb(80,72,136)
```
#887048
```
#887048 rgb(136,112,72)
```

Split Complementary Color

#488850
```
#488850 rgb(72,136,80)
```
#504888
```
#504888 rgb(80,72,136)
```
#885048
```
#885048 rgb(136,80,72)
```

Triadic Color

#488088
```
#488088 rgb(72,128,136)
```
#504888
```
#504888 rgb(80,72,136)
```
#885048
```
#885048 rgb(136,80,72)
```
#808848
```
#808848 rgb(128,136,72)
```

Tetradic Color

#332e56
```
#332e56 rgb(51,46,86)
```
#3c3667
```
#3c3667 rgb(60,54,103)
```
#463f77
```
#463f77 rgb(70,63,119)
```
#504888
```
#504888 rgb(80,72,136)
```
#5a5199
```
#5a5199 rgb(90,81,153)
```
#655ba8
```
#655ba8 rgb(101,91,168)
```
#746cb1
```
#746cb1 rgb(116,108,177)
```

Monochromatic Color

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

#485088
```
#485088 rgb(72,80,136)
```
#484b88
```
#484b88 rgb(72,75,136)
```
#4b4888
```
#4b4888 rgb(75,72,136)
```
#504888
```
#504888 rgb(80,72,136)
```
#554888
```
#554888 rgb(85,72,136)
```
#5b4888
```
#5b4888 rgb(91,72,136)
```
#604888
```
#604888 rgb(96,72,136)
```

Similar Colors

Text with hexadecimal color #504888

This text has a font color of #504888.

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

#504888 background color

This paragraph has a background color of #504888.

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

#504888 border color

This element has a border color of #504888.

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

CSS codes

.text {color:#504888;}

.background {background-color:#504888;}

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

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

#050408
```
#050408 rgb(5,4,8)
```
#0c0b15
```
#0c0b15 rgb(12,11,21)
```
#141221
```
#141221 rgb(20,18,33)
```
#1b182e
```
#1b182e rgb(27,24,46)
```
#231f3b
```
#231f3b rgb(35,31,59)
```
#2a2648
```
#2a2648 rgb(42,38,72)
```
#322d55
```
#322d55 rgb(50,45,85)
```
#393462
```
#393462 rgb(57,52,98)
```
#413a6e
```
#413a6e rgb(65,58,110)
```
#48417b
```
#48417b rgb(72,65,123)
```
#504888
```
#504888 rgb(80,72,136)
```
#584f95
```
#584f95 rgb(88,79,149)
```
#5f56a2
```
#5f56a2 rgb(95,86,162)
```

Shade Color Variation

#6960ab
```
#6960ab rgb(105,96,171)
```
#756db2
```
#756db2 rgb(117,109,178)
```
#827ab8
```
#827ab8 rgb(130,122,184)
```
#8e86bf
```
#8e86bf rgb(142,134,191)
```
#9a93c6
```
#9a93c6 rgb(154,147,198)
```
#a6a0cd
```
#a6a0cd rgb(166,160,205)
```
#b2add4
```
#b2add4 rgb(178,173,212)
```
#bebada
```
#bebada rgb(190,186,218)
```
#cac7e1
```
#cac7e1 rgb(202,199,225)
```
#d6d3e8
```
#d6d3e8 rgb(214,211,232)
```
#e2e0ef
```
#e2e0ef rgb(226,224,239)
```
#eeedf6
```
#eeedf6 rgb(238,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#626070
```
#626070 rgb(98,96,112)
```
#5c5878
```
#5c5878 rgb(92,88,120)
```
#565080
```
#565080 rgb(86,80,128)
```
#504888
```
#504888 rgb(80,72,136)
```
#4a4090
```
#4a4090 rgb(74,64,144)
```
#443898
```
#443898 rgb(68,56,152)
```
#3e30a0
```
#3e30a0 rgb(62,48,160)
```
#3828a8
```
#3828a8 rgb(56,40,168)
```
#3220b0
```
#3220b0 rgb(50,32,176)
```
#2c18b8
```
#2c18b8 rgb(44,24,184)
```
#2610c0
```
#2610c0 rgb(38,16,192)
```
#2008c8
```
#2008c8 rgb(32,8,200)
```
#1a00d0
```
#1a00d0 rgb(26,0,208)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#52505d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5793 Protanopia 1% of men
#38598a Deuteranopia 1% of men
#4c5c62 Tritanopia 0.001% of the population

Trichromacy

#43518f Protanomaly 1% of men, 0.01% of women
#415389 Deuteranomaly 6% of men, 0.4% of women
#4d5470 Tritanomaly 0.01% of the population

#504888 hex color

#504888 Color Information

#504888 Color Conversion

Color Schemes with #504888

Alternatives to #504888

#504888 Preview

Shades and Tints of #504888

Tones of #504888

Color Blindness Simulator