#5078ff hex color

In a RGB color space, hex #5078ff is composed of 31.4% red, 47.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 52.9% magenta, 0% yellow and 0% black. It has a hue angle of 226.3 degrees, a saturation of 100% and a lightness of 65.7%. #5078ff color hex could be obtained by blending #a0f0ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5078ff color description : Light blue.

The hexadecimal color #5078ff has RGB values of R:80, G:120, B:255 and CMYK values of C:0.69, M:0.53, Y:0, K:0. Its decimal value is 5273855.

Hex triplet	5078ff	`#5078ff`
RGB Decimal	80, 120, 255	`rgb(80,120,255)`
RGB Percent	31.4, 47.1, 100	`rgb(31.4%,47.1%,100%)`
CMYK	69, 53, 0, 0
HSL	226.3°, 100, 65.7	`hsl(226.3,100%,65.7%)`
HSV (or HSB)	226.3°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.403, 29.511, -71.347
XYZ	28.071, 22.357, 97.438
xyY	0.19, 0.151, 22.357
CIE-LCH	54.403, 77.209, 292.471
CIE-LUV	54.403, -18.817, -114.213
Hunter-Lab	47.283, 23.227, -89.084
Binary	01010000, 01111000, 11111111

#5078ff
```
#5078ff rgb(80,120,255)
```
#ffd750
```
#ffd750 rgb(255,215,80)
```

Complementary Color

#50d0ff
```
#50d0ff rgb(80,208,255)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#8050ff
```
#8050ff rgb(128,80,255)
```

Analogous Color

#d0ff50
```
#d0ff50 rgb(208,255,80)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#ff8050
```
#ff8050 rgb(255,128,80)
```

Split Complementary Color

#78ff50
```
#78ff50 rgb(120,255,80)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#ff5078
```
#ff5078 rgb(255,80,120)
```

Triadic Color

#50ffd7
```
#50ffd7 rgb(80,255,215)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#ff5078
```
#ff5078 rgb(255,80,120)
```
#ffd750
```
#ffd750 rgb(255,215,80)
```

Tetradic Color

#033dff
```
#033dff rgb(3,61,255)
```
#1d51ff
```
#1d51ff rgb(29,81,255)
```
#3764ff
```
#3764ff rgb(55,100,255)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#6a8cff
```
#6a8cff rgb(106,140,255)
```
#839fff
```
#839fff rgb(131,159,255)
```
#9db3ff
```
#9db3ff rgb(157,179,255)
```

Monochromatic Color

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

#50a4ff
```
#50a4ff rgb(80,164,255)
```
#5095ff
```
#5095ff rgb(80,149,255)
```
#5087ff
```
#5087ff rgb(80,135,255)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#5069ff
```
#5069ff rgb(80,105,255)
```
#505bff
```
#505bff rgb(80,91,255)
```
#5450ff
```
#5450ff rgb(84,80,255)
```

Similar Colors

Text with hexadecimal color #5078ff

This text has a font color of #5078ff.

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

#5078ff background color

This paragraph has a background color of #5078ff.

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

#5078ff border color

This element has a border color of #5078ff.

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

CSS codes

.text {color:#5078ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000515
```
#000515 rgb(0,5,21)
```
#000929
```
#000929 rgb(0,9,41)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#001250
```
#001250 rgb(0,18,80)
```
#001764
```
#001764 rgb(0,23,100)
```
#001b77
```
#001b77 rgb(0,27,119)
```
#00208b
```
#00208b rgb(0,32,139)
```
#00249e
```
#00249e rgb(0,36,158)
```
#0029b2
```
#0029b2 rgb(0,41,178)
```
#002dc6
```
#002dc6 rgb(0,45,198)
```
#0032d9
```
#0032d9 rgb(0,50,217)
```
#0036ed
```
#0036ed rgb(0,54,237)
```

Shade Color Variation

#023bff
```
#023bff rgb(2,59,255)
```
#154bff
```
#154bff rgb(21,75,255)
```
#295aff
```
#295aff rgb(41,90,255)
```
#3c69ff
```
#3c69ff rgb(60,105,255)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#6487ff
```
#6487ff rgb(100,135,255)
```
#7796ff
```
#7796ff rgb(119,150,255)
```
#8ba5ff
```
#8ba5ff rgb(139,165,255)
```
#9eb5ff
```
#9eb5ff rgb(158,181,255)
```
#b2c4ff
```
#b2c4ff rgb(178,196,255)
```
#c6d3ff
```
#c6d3ff rgb(198,211,255)
```
#d9e2ff
```
#d9e2ff rgb(217,226,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#a1a4ae
```
#a1a4ae rgb(161,164,174)
```
#9aa0b5
```
#9aa0b5 rgb(154,160,181)
```
#939dbc
```
#939dbc rgb(147,157,188)
```
#8d99c2
```
#8d99c2 rgb(141,153,194)
```
#8695c9
```
#8695c9 rgb(134,149,201)
```
#7f92d0
```
#7f92d0 rgb(127,146,208)
```
#788ed7
```
#788ed7 rgb(120,142,215)
```
#728add
```
#728add rgb(114,138,221)
```
#6b87e4
```
#6b87e4 rgb(107,135,228)
```
#6483eb
```
#6483eb rgb(100,131,235)
```
#5d7ff2
```
#5d7ff2 rgb(93,127,242)
```
#577cf8
```
#577cf8 rgb(87,124,248)
```
#5078ff
```
#5078ff rgb(80,120,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#727a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2984ff Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#377fff Protanomaly 1% of men, 0.01% of women
#1d84ee Deuteranomaly 6% of men, 0.4% of women
#1d8bc2 Tritanomaly 0.01% of the population

#5078ff hex color

#5078ff Color Information

#5078ff Color Conversion

Color Schemes with #5078ff

Alternatives to #5078ff

#5078ff Preview

Shades and Tints of #5078ff

Tones of #5078ff

Color Blindness Simulator