#5078f4 hex color

In a RGB color space, hex #5078f4 is composed of 31.4% red, 47.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 50.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 225.4 degrees, a saturation of 88.2% and a lightness of 63.5%. #5078f4 color hex could be obtained by blending #a0f0ff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 47
- B 96
RGB color chart
- C 67
- M 51
- Y 0
- K 4
CMYK color chart

● #5078f4 color description : Soft blue.

The hexadecimal color #5078f4 has RGB values of R:80, G:120, B:244 and CMYK values of C:0.67, M:0.51, Y:0, K:0.04. Its decimal value is 5273844.

Hex triplet	5078f4	`#5078f4`
RGB Decimal	80, 120, 244	`rgb(80,120,244)`
RGB Percent	31.4, 47.1, 95.7	`rgb(31.4%,47.1%,95.7%)`
CMYK	67, 51, 0, 4
HSL	225.4°, 88.2, 63.5	`hsl(225.4,88.2%,63.5%)`
HSV (or HSB)	225.4°, 67.2, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.673, 25.71, -66.435
XYZ	26.35, 21.668, 88.377
xyY	0.193, 0.159, 21.668
CIE-LCH	53.673, 71.237, 291.156
CIE-LUV	53.673, -18.751, -106.067
Hunter-Lab	46.549, 19.583, -79.981
Binary	01010000, 01111000, 11110100

#5078f4
```
#5078f4 rgb(80,120,244)
```
#f4cc50
```
#f4cc50 rgb(244,204,80)
```

Complementary Color

#50caf4
```
#50caf4 rgb(80,202,244)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#7a50f4
```
#7a50f4 rgb(122,80,244)
```

Analogous Color

#caf450
```
#caf450 rgb(202,244,80)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#f47a50
```
#f47a50 rgb(244,122,80)
```

Split Complementary Color

#78f450
```
#78f450 rgb(120,244,80)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#f45078
```
#f45078 rgb(244,80,120)
```

Triadic Color

#50f4cc
```
#50f4cc rgb(80,244,204)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#f45078
```
#f45078 rgb(244,80,120)
```
#f4cc50
```
#f4cc50 rgb(244,204,80)
```

Tetradic Color

#0f44e9
```
#0f44e9 rgb(15,68,233)
```
#2053f1
```
#2053f1 rgb(32,83,241)
```
#3865f2
```
#3865f2 rgb(56,101,242)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#688bf6
```
#688bf6 rgb(104,139,246)
```
#809df7
```
#809df7 rgb(128,157,247)
```
#98b0f9
```
#98b0f9 rgb(152,176,249)
```

Monochromatic Color

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

#50a1f4
```
#50a1f4 rgb(80,161,244)
```
#5093f4
```
#5093f4 rgb(80,147,244)
```
#5086f4
```
#5086f4 rgb(80,134,244)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#506af4
```
#506af4 rgb(80,106,244)
```
#505df4
```
#505df4 rgb(80,93,244)
```
#5150f4
```
#5150f4 rgb(81,80,244)
```

Similar Colors

Text with hexadecimal color #5078f4

This text has a font color of #5078f4.

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

#5078f4 background color

This paragraph has a background color of #5078f4.

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

#5078f4 border color

This element has a border color of #5078f4.

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

CSS codes

.text {color:#5078f4;}

.background {background-color:#5078f4;}

.border {border:1px solid #5078f4;}

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

#01030a
```
#01030a rgb(1,3,10)
```
#02081c
```
#02081c rgb(2,8,28)
```
#030e2e
```
#030e2e rgb(3,14,46)
```
#041341
```
#041341 rgb(4,19,65)
```
#051853
```
#051853 rgb(5,24,83)
```
#061e66
```
#061e66 rgb(6,30,102)
```
#082378
```
#082378 rgb(8,35,120)
```
#09288b
```
#09288b rgb(9,40,139)
```
#0a2e9d
```
#0a2e9d rgb(10,46,157)
```
#0b33b0
```
#0b33b0 rgb(11,51,176)
```
#0c39c2
```
#0c39c2 rgb(12,57,194)
```
#0d3ed5
```
#0d3ed5 rgb(13,62,213)
```
#0f43e7
```
#0f43e7 rgb(15,67,231)
```

Shade Color Variation

#194df1
```
#194df1 rgb(25,77,241)
```
#2b5cf2
```
#2b5cf2 rgb(43,92,242)
```
#3e6af3
```
#3e6af3 rgb(62,106,243)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#6286f5
```
#6286f5 rgb(98,134,245)
```
#7594f6
```
#7594f6 rgb(117,148,246)
```
#87a3f7
```
#87a3f7 rgb(135,163,247)
```
#9ab1f9
```
#9ab1f9 rgb(154,177,249)
```
#acbffa
```
#acbffa rgb(172,191,250)
```
#bfcdfb
```
#bfcdfb rgb(191,205,251)
```
#d1dcfc
```
#d1dcfc rgb(209,220,252)
```
#e4eafd
```
#e4eafd rgb(228,234,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a5 is the less saturated color, while #4974fb is the most saturated one.

#9fa0a5
```
#9fa0a5 rgb(159,160,165)
```
#989dac
```
#989dac rgb(152,157,172)
```
#9099b4
```
#9099b4 rgb(144,153,180)
```
#8995bb
```
#8995bb rgb(137,149,187)
```
#8292c2
```
#8292c2 rgb(130,146,194)
```
#7b8ec9
```
#7b8ec9 rgb(123,142,201)
```
#748ad0
```
#748ad0 rgb(116,138,208)
```
#6d87d7
```
#6d87d7 rgb(109,135,215)
```
#6583df
```
#6583df rgb(101,131,223)
```
#5e7fe6
```
#5e7fe6 rgb(94,127,230)
```
#577ced
```
#577ced rgb(87,124,237)
```
#5078f4
```
#5078f4 rgb(80,120,244)
```
#4974fb
```
#4974fb rgb(73,116,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#727a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3482f8 Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#3e7ef6 Protanomaly 1% of men, 0.01% of women
#1d83e8 Deuteranomaly 6% of men, 0.4% of women
#1d89bd Tritanomaly 0.01% of the population

#5078f4 hex color

#5078f4 Color Information

#5078f4 Color Conversion

Color Schemes with #5078f4

Alternatives to #5078f4

#5078f4 Preview

Shades and Tints of #5078f4

Tones of #5078f4

Color Blindness Simulator