colorhexa.com

#5048c4 hex color

In a RGB color space, hex #5048c4 is composed of 31.4% red, 28.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 63.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 243.9 degrees, a saturation of 51.2% and a lightness of 52.5%. #5048c4 color hex could be obtained by blending #a090ff with #000089. Closest websafe color is: #6633cc.

- R 31
- G 28
- B 77
RGB color chart
- C 59
- M 63
- Y 0
- K 23
CMYK color chart

● #5048c4 color description : Moderate blue.

The hexadecimal color #5048c4 has RGB values of R:80, G:72, B:196 and CMYK values of C:0.59, M:0.63, Y:0, K:0.23. Its decimal value is 5261508.

Hex triplet	5048c4	`#5048c4`
RGB Decimal	80, 72, 196	`rgb(80,72,196)`
RGB Percent	31.4, 28.2, 76.9	`rgb(31.4%,28.2%,76.9%)`
CMYK	59, 63, 0, 23
HSL	243.9°, 51.2, 52.5	`hsl(243.9,51.2%,52.5%)`
HSV (or HSB)	243.9°, 63.3, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.42, 39.116, -63.887
XYZ	15.588, 10.325, 53.393
xyY	0.197, 0.13, 10.325
CIE-LCH	38.42, 74.911, 301.478
CIE-LUV	38.42, -4.629, -93.543
Hunter-Lab	32.133, 30.358, -76.026
Binary	01010000, 01001000, 11000100

#5048c4
```
#5048c4 rgb(80,72,196)
```
#bcc448
```
#bcc448 rgb(188,196,72)
```

Complementary Color

#487ec4
```
#487ec4 rgb(72,126,196)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#8e48c4
```
#8e48c4 rgb(142,72,196)
```

Analogous Color

#7ec448
```
#7ec448 rgb(126,196,72)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#c48e48
```
#c48e48 rgb(196,142,72)
```

Split Complementary Color

#48c450
```
#48c450 rgb(72,196,80)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#c45048
```
#c45048 rgb(196,80,72)
```

Triadic Color

#48bcc4
```
#48bcc4 rgb(72,188,196)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#c45048
```
#c45048 rgb(196,80,72)
```
#bcc448
```
#bcc448 rgb(188,196,72)
```

Tetradic Color

#352f91
```
#352f91 rgb(53,47,145)
```
#3c35a4
```
#3c35a4 rgb(60,53,164)
```
#433bb7
```
#433bb7 rgb(67,59,183)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#625bca
```
#625bca rgb(98,91,202)
```
#756fd0
```
#756fd0 rgb(117,111,208)
```
#8782d7
```
#8782d7 rgb(135,130,215)
```

Monochromatic Color

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

#485fc4
```
#485fc4 rgb(72,95,196)
```
#4855c4
```
#4855c4 rgb(72,85,196)
```
#484ac4
```
#484ac4 rgb(72,74,196)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#5a48c4
```
#5a48c4 rgb(90,72,196)
```
#6548c4
```
#6548c4 rgb(101,72,196)
```
#6f48c4
```
#6f48c4 rgb(111,72,196)
```

Similar Colors

Text with hexadecimal color #5048c4

This text has a font color of #5048c4.

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

#5048c4 background color

This paragraph has a background color of #5048c4.

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

#5048c4 border color

This element has a border color of #5048c4.

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

CSS codes

.text {color:#5048c4;}

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

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

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

#04030a
```
#04030a rgb(4,3,10)
```
#090819
```
#090819 rgb(9,8,25)
```
#0e0d27
```
#0e0d27 rgb(14,13,39)
```
#141236
```
#141236 rgb(20,18,54)
```
#191645
```
#191645 rgb(25,22,69)
```
#1f1b54
```
#1f1b54 rgb(31,27,84)
```
#242063
```
#242063 rgb(36,32,99)
```
#2a2572
```
#2a2572 rgb(42,37,114)
```
#2f2980
```
#2f2980 rgb(47,41,128)
```
#342e8f
```
#342e8f rgb(52,46,143)
```
#3a339e
```
#3a339e rgb(58,51,158)
```
#3f38ad
```
#3f38ad rgb(63,56,173)
```
#453dbc
```
#453dbc rgb(69,61,188)
```

Shade Color Variation

#5048c4
```
#5048c4 rgb(80,72,196)
```
#5e57c9
```
#5e57c9 rgb(94,87,201)
```
#6c66ce
```
#6c66ce rgb(108,102,206)
```
#7b74d2
```
#7b74d2 rgb(123,116,210)
```
#8983d7
```
#8983d7 rgb(137,131,215)
```
#9792dc
```
#9792dc rgb(151,146,220)
```
#a5a1e1
```
#a5a1e1 rgb(165,161,225)
```
#b3b0e5
```
#b3b0e5 rgb(179,176,229)
```
#c1bfea
```
#c1bfea rgb(193,191,234)
```
#d0cdef
```
#d0cdef rgb(208,205,239)
```
#dedcf4
```
#dedcf4 rgb(222,220,244)
```
#ecebf9
```
#ecebf9 rgb(236,235,249)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#81808c
```
#81808c rgb(129,128,140)
```
#797795
```
#797795 rgb(121,119,149)
```
#706d9f
```
#706d9f rgb(112,109,159)
```
#6864a8
```
#6864a8 rgb(104,100,168)
```
#605bb1
```
#605bb1 rgb(96,91,177)
```
#5851bb
```
#5851bb rgb(88,81,187)
```
#5048c4
```
#5048c4 rgb(80,72,196)
```
#483fcd
```
#483fcd rgb(72,63,205)
```
#4035d7
```
#4035d7 rgb(64,53,215)
```
#382ce0
```
#382ce0 rgb(56,44,224)
```
#3023e9
```
#3023e9 rgb(48,35,233)
```
#2719f3
```
#2719f3 rgb(39,25,243)
```
#1f10fc
```
#1f10fc rgb(31,16,252)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#246b73 Tritanopia 0.001% of the population

Trichromacy

#1d57be Protanomaly 1% of men, 0.01% of women
#1d5aaf Deuteranomaly 6% of men, 0.4% of women
#345e90 Tritanomaly 0.01% of the population