#5048a4 hex color

In a RGB color space, hex #5048a4 is composed of 31.4% red, 28.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 56.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 245.2 degrees, a saturation of 39% and a lightness of 46.3%. #5048a4 color hex could be obtained by blending #a090ff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 28
- B 64
RGB color chart
- C 51
- M 56
- Y 0
- K 36
CMYK color chart

● #5048a4 color description : Dark moderate blue.

The hexadecimal color #5048a4 has RGB values of R:80, G:72, B:164 and CMYK values of C:0.51, M:0.56, Y:0, K:0.36. Its decimal value is 5261476.

Hex triplet	5048a4	`#5048a4`
RGB Decimal	80, 72, 164	`rgb(80,72,164)`
RGB Percent	31.4, 28.2, 64.3	`rgb(31.4%,28.2%,64.3%)`
CMYK	51, 56, 0, 36
HSL	245.2°, 39, 46.3	`hsl(245.2,39%,46.3%)`
HSV (or HSB)	245.2°, 56.1, 64.3
Web Safe	663399	`#663399`

CIE-LAB	36.023, 28.841, -48.872
XYZ	12.325, 9.02, 36.212
xyY	0.214, 0.157, 9.02
CIE-LCH	36.023, 56.747, 300.546
CIE-LUV	36.023, -2.555, -70.969
Hunter-Lab	30.034, 20.694, -50.462
Binary	01010000, 01001000, 10100100

#5048a4
```
#5048a4 rgb(80,72,164)
```
#9ca448
```
#9ca448 rgb(156,164,72)
```

Complementary Color

#486ea4
```
#486ea4 rgb(72,110,164)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#7e48a4
```
#7e48a4 rgb(126,72,164)
```

Analogous Color

#6ea448
```
#6ea448 rgb(110,164,72)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#a47e48
```
#a47e48 rgb(164,126,72)
```

Split Complementary Color

#48a450
```
#48a450 rgb(72,164,80)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#a45048
```
#a45048 rgb(164,80,72)
```

Triadic Color

#489ca4
```
#489ca4 rgb(72,156,164)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#a45048
```
#a45048 rgb(164,80,72)
```
#9ca448
```
#9ca448 rgb(156,164,72)
```

Tetradic Color

#36316f
```
#36316f rgb(54,49,111)
```
#3f3881
```
#3f3881 rgb(63,56,129)
```
#474092
```
#474092 rgb(71,64,146)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#5b52b3
```
#5b52b3 rgb(91,82,179)
```
#6c64bb
```
#6c64bb rgb(108,100,187)
```
#7c76c3
```
#7c76c3 rgb(124,118,195)
```

Monochromatic Color

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

#4857a4
```
#4857a4 rgb(72,87,164)
```
#484fa4
```
#484fa4 rgb(72,79,164)
```
#4848a4
```
#4848a4 rgb(72,72,164)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#5848a4
```
#5848a4 rgb(88,72,164)
```
#5f48a4
```
#5f48a4 rgb(95,72,164)
```
#6748a4
```
#6748a4 rgb(103,72,164)
```

Similar Colors

Text with hexadecimal color #5048a4

This text has a font color of #5048a4.

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

#5048a4 background color

This paragraph has a background color of #5048a4.

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

#5048a4 border color

This element has a border color of #5048a4.

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

CSS codes

.text {color:#5048a4;}

.background {background-color:#5048a4;}

.border {border:1px solid #5048a4;}

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

#000000
```
#000000 rgb(0,0,0)
```
#07060e
```
#07060e rgb(7,6,14)
```
#0e0c1c
```
#0e0c1c rgb(14,12,28)
```
#141229
```
#141229 rgb(20,18,41)
```
#1b1837
```
#1b1837 rgb(27,24,55)
```
#211e45
```
#211e45 rgb(33,30,69)
```
#282452
```
#282452 rgb(40,36,82)
```
#2f2a60
```
#2f2a60 rgb(47,42,96)
```
#35306d
```
#35306d rgb(53,48,109)
```
#3c367b
```
#3c367b rgb(60,54,123)
```
#433c89
```
#433c89 rgb(67,60,137)
```
#494296
```
#494296 rgb(73,66,150)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```

Shade Color Variation

#574eb1
```
#574eb1 rgb(87,78,177)
```
#645cb7
```
#645cb7 rgb(100,92,183)
```
#7169bd
```
#7169bd rgb(113,105,189)
```
#7e77c3
```
#7e77c3 rgb(126,119,195)
```
#8b85c9
```
#8b85c9 rgb(139,133,201)
```
#9892cf
```
#9892cf rgb(152,146,207)
```
#a5a0d5
```
#a5a0d5 rgb(165,160,213)
```
#b2aedb
```
#b2aedb rgb(178,174,219)
```
#bfbbe1
```
#bfbbe1 rgb(191,187,225)
```
#ccc9e7
```
#ccc9e7 rgb(204,201,231)
```
#d9d7ed
```
#d9d7ed rgb(217,215,237)
```
#e5e4f3
```
#e5e4f3 rgb(229,228,243)
```
#f2f2f9
```
#f2f2f9 rgb(242,242,249)
```

Tint Color Variation

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

#757577
```
#757577 rgb(117,117,119)
```
#6e6c80
```
#6e6c80 rgb(110,108,128)
```
#666389
```
#666389 rgb(102,99,137)
```
#5f5a92
```
#5f5a92 rgb(95,90,146)
```
#57519b
```
#57519b rgb(87,81,155)
```
#5048a4
```
#5048a4 rgb(80,72,164)
```
#493fad
```
#493fad rgb(73,63,173)
```
#4136b6
```
#4136b6 rgb(65,54,182)
```
#3a2dbf
```
#3a2dbf rgb(58,45,191)
```
#3224c8
```
#3224c8 rgb(50,36,200)
```
#2b1bd1
```
#2b1bd1 rgb(43,27,209)
```
#2312da
```
#2312da rgb(35,18,218)
```
#1c08e4
```
#1c08e4 rgb(28,8,228)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#545265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#105ab1 Protanopia 1% of men
#005f9d Deuteranopia 1% of men
#40626a Tritanopia 0.001% of the population

Trichromacy

#2753ac Protanomaly 1% of men, 0.01% of women
#1d56a0 Deuteranomaly 6% of men, 0.4% of women
#45597f Tritanomaly 0.01% of the population

#5048a4 hex color

#5048a4 Color Information

#5048a4 Color Conversion

Color Schemes with #5048a4

Alternatives to #5048a4

#5048a4 Preview

Shades and Tints of #5048a4

Tones of #5048a4

Color Blindness Simulator