#5048d4 hex color

In a RGB color space, hex #5048d4 is composed of 31.4% red, 28.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 66% magenta, 0% yellow and 16.9% black. It has a hue angle of 243.4 degrees, a saturation of 61.9% and a lightness of 55.7%. #5048d4 color hex could be obtained by blending #a090ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 28
- B 83
RGB color chart
- C 62
- M 66
- Y 0
- K 17
CMYK color chart

● #5048d4 color description : Moderate blue.

The hexadecimal color #5048d4 has RGB values of R:80, G:72, B:212 and CMYK values of C:0.62, M:0.66, Y:0, K:0.17. Its decimal value is 5261524.

Hex triplet	5048d4	`#5048d4`
RGB Decimal	80, 72, 212	`rgb(80,72,212)`
RGB Percent	31.4, 28.2, 83.1	`rgb(31.4%,28.2%,83.1%)`
CMYK	62, 66, 0, 17
HSL	243.4°, 61.9, 55.7	`hsl(243.4,61.9%,55.7%)`
HSV (or HSB)	243.4°, 66, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.736, 44.243, -71.001
XYZ	17.507, 11.093, 63.502
xyY	0.19, 0.12, 11.093
CIE-LCH	39.736, 83.658, 301.928
CIE-LUV	39.736, -5.581, -104.186
Hunter-Lab	33.306, 35.541, -89.73
Binary	01010000, 01001000, 11010100

#5048d4
```
#5048d4 rgb(80,72,212)
```
#ccd448
```
#ccd448 rgb(204,212,72)
```

Complementary Color

#4886d4
```
#4886d4 rgb(72,134,212)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#9648d4
```
#9648d4 rgb(150,72,212)
```

Analogous Color

#86d448
```
#86d448 rgb(134,212,72)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#d49648
```
#d49648 rgb(212,150,72)
```

Split Complementary Color

#48d450
```
#48d450 rgb(72,212,80)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#d45048
```
#d45048 rgb(212,80,72)
```

Triadic Color

#48ccd4
```
#48ccd4 rgb(72,204,212)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#d45048
```
#d45048 rgb(212,80,72)
```
#ccd448
```
#ccd448 rgb(204,212,72)
```

Tetradic Color

#2f27a8
```
#2f27a8 rgb(47,39,168)
```
#352cbd
```
#352cbd rgb(53,44,189)
```
#3c33cf
```
#3c33cf rgb(60,51,207)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#645dd9
```
#645dd9 rgb(100,93,217)
```
#7771de
```
#7771de rgb(119,113,222)
```
#8b86e3
```
#8b86e3 rgb(139,134,227)
```

Monochromatic Color

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

#4863d4
```
#4863d4 rgb(72,99,212)
```
#4857d4
```
#4857d4 rgb(72,87,212)
```
#484cd4
```
#484cd4 rgb(72,76,212)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#5c48d4
```
#5c48d4 rgb(92,72,212)
```
#6748d4
```
#6748d4 rgb(103,72,212)
```
#7348d4
```
#7348d4 rgb(115,72,212)
```

Similar Colors

Text with hexadecimal color #5048d4

This text has a font color of #5048d4.

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

#5048d4 background color

This paragraph has a background color of #5048d4.

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

#5048d4 border color

This element has a border color of #5048d4.

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

CSS codes

.text {color:#5048d4;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070617
```
#070617 rgb(7,6,23)
```
#0b0927
```
#0b0927 rgb(11,9,39)
```
#0f0d37
```
#0f0d37 rgb(15,13,55)
```
#141147
```
#141147 rgb(20,17,71)
```
#181457
```
#181457 rgb(24,20,87)
```
#1d1867
```
#1d1867 rgb(29,24,103)
```
#211c77
```
#211c77 rgb(33,28,119)
```
#262087
```
#262087 rgb(38,32,135)
```
#2a2397
```
#2a2397 rgb(42,35,151)
```
#2e27a6
```
#2e27a6 rgb(46,39,166)
```
#332bb6
```
#332bb6 rgb(51,43,182)
```
#372fc6
```
#372fc6 rgb(55,47,198)
```

Shade Color Variation

#4138d0
```
#4138d0 rgb(65,56,208)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#5f58d8
```
#5f58d8 rgb(95,88,216)
```
#6e68db
```
#6e68db rgb(110,104,219)
```
#7e78df
```
#7e78df rgb(126,120,223)
```
#8d88e3
```
#8d88e3 rgb(141,136,227)
```
#9c97e7
```
#9c97e7 rgb(156,151,231)
```
#aba7ea
```
#aba7ea rgb(171,167,234)
```
#bab7ee
```
#bab7ee rgb(186,183,238)
```
#cac7f2
```
#cac7f2 rgb(202,199,242)
```
#d9d7f6
```
#d9d7f6 rgb(217,215,246)
```
#e8e7f9
```
#e8e7f9 rgb(232,231,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8e is the less saturated color, while #3125f7 is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#868597
```
#868597 rgb(134,133,151)
```
#7e7ca0
```
#7e7ca0 rgb(126,124,160)
```
#7673a9
```
#7673a9 rgb(118,115,169)
```
#6f6bb1
```
#6f6bb1 rgb(111,107,177)
```
#6762ba
```
#6762ba rgb(103,98,186)
```
#5f59c3
```
#5f59c3 rgb(95,89,195)
```
#5851cb
```
#5851cb rgb(88,81,203)
```
#5048d4
```
#5048d4 rgb(80,72,212)
```
#483fdd
```
#483fdd rgb(72,63,221)
```
#4137e5
```
#4137e5 rgb(65,55,229)
```
#392eee
```
#392eee rgb(57,46,238)
```
#3125f7
```
#3125f7 rgb(49,37,247)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#1d59c8 Protanomaly 1% of men, 0.01% of women
#1d5cb8 Deuteranomaly 6% of men, 0.4% of women
#1d6199 Tritanomaly 0.01% of the population

#5048d4 hex color

#5048d4 Color Information

#5048d4 Color Conversion

Color Schemes with #5048d4

Alternatives to #5048d4

#5048d4 Preview

Shades and Tints of #5048d4

Tones of #5048d4

Color Blindness Simulator