#5077fa hex color

In a RGB color space, hex #5077fa is composed of 31.4% red, 46.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 52.4% magenta, 0% yellow and 2% black. It has a hue angle of 226.2 degrees, a saturation of 94.4% and a lightness of 64.7%. #5077fa color hex could be obtained by blending #a0eeff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 47
- B 98
RGB color chart
- C 68
- M 52
- Y 0
- K 2
CMYK color chart

● #5077fa color description : Soft blue.

The hexadecimal color #5077fa has RGB values of R:80, G:119, B:250 and CMYK values of C:0.68, M:0.52, Y:0, K:0.02. Its decimal value is 5273594.

Hex triplet	5077fa	`#5077fa`
RGB Decimal	80, 119, 250	`rgb(80,119,250)`
RGB Percent	31.4, 46.7, 98	`rgb(31.4%,46.7%,98%)`
CMYK	68, 52, 0, 2
HSL	226.2°, 94.4, 64.7	`hsl(226.2,94.4%,64.7%)`
HSV (or HSB)	226.2°, 68, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.814, 28.398, -69.537
XYZ	27.157, 21.8, 93.214
xyY	0.191, 0.153, 21.8
CIE-LCH	53.814, 75.112, 292.214
CIE-LUV	53.814, -18.502, -111.077
Hunter-Lab	46.69, 22.115, -85.686
Binary	01010000, 01110111, 11111010

#5077fa
```
#5077fa rgb(80,119,250)
```
#fad350
```
#fad350 rgb(250,211,80)
```

Complementary Color

#50ccfa
```
#50ccfa rgb(80,204,250)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#7e50fa
```
#7e50fa rgb(126,80,250)
```

Analogous Color

#ccfa50
```
#ccfa50 rgb(204,250,80)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#fa7e50
```
#fa7e50 rgb(250,126,80)
```

Split Complementary Color

#77fa50
```
#77fa50 rgb(119,250,80)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#fa5077
```
#fa5077 rgb(250,80,119)
```

Triadic Color

#50fad3
```
#50fad3 rgb(80,250,211)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#fa5077
```
#fa5077 rgb(250,80,119)
```
#fad350
```
#fad350 rgb(250,211,80)
```

Tetradic Color

#073ef6
```
#073ef6 rgb(7,62,246)
```
#1e50f9
```
#1e50f9 rgb(30,80,249)
```
#3764f9
```
#3764f9 rgb(55,100,249)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#698afb
```
#698afb rgb(105,138,251)
```
#829efb
```
#829efb rgb(130,158,251)
```
#9ab1fc
```
#9ab1fc rgb(154,177,252)
```

Monochromatic Color

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

#50a2fa
```
#50a2fa rgb(80,162,250)
```
#5093fa
```
#5093fa rgb(80,147,250)
```
#5085fa
```
#5085fa rgb(80,133,250)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#5069fa
```
#5069fa rgb(80,105,250)
```
#505bfa
```
#505bfa rgb(80,91,250)
```
#5350fa
```
#5350fa rgb(83,80,250)
```

Similar Colors

Text with hexadecimal color #5077fa

This text has a font color of #5077fa.

<span style="color:#5077fa;">Text here</span>

#5077fa background color

This paragraph has a background color of #5077fa.

<p style="background-color:#5077fa;">Content here</p>

#5077fa border color

This element has a border color of #5077fa.

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

CSS codes

.text {color:#5077fa;}

.background {background-color:#5077fa;}

.border {border:1px solid #5077fa;}

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

#000410
```
#000410 rgb(0,4,16)
```
#010923
```
#010923 rgb(1,9,35)
```
#020e36
```
#020e36 rgb(2,14,54)
```
#021249
```
#021249 rgb(2,18,73)
```
#03175c
```
#03175c rgb(3,23,92)
```
#031c6f
```
#031c6f rgb(3,28,111)
```
#042182
```
#042182 rgb(4,33,130)
```
#042695
```
#042695 rgb(4,38,149)
```
#052aa8
```
#052aa8 rgb(5,42,168)
```
#052fbb
```
#052fbb rgb(5,47,187)
```
#0634ce
```
#0634ce rgb(6,52,206)
```
#0639e1
```
#0639e1 rgb(6,57,225)
```
#073df5
```
#073df5 rgb(7,61,245)
```

Shade Color Variation

#174bf8
```
#174bf8 rgb(23,75,248)
```
#2a59f9
```
#2a59f9 rgb(42,89,249)
```
#3d68f9
```
#3d68f9 rgb(61,104,249)
```
#5077fa
```
#5077fa rgb(80,119,250)
```
#6386fb
```
#6386fb rgb(99,134,251)
```
#7695fb
```
#7695fb rgb(118,149,251)
```
#89a3fc
```
#89a3fc rgb(137,163,252)
```
#9cb2fc
```
#9cb2fc rgb(156,178,252)
```
#afc1fd
```
#afc1fd rgb(175,193,253)
```
#c2d0fd
```
#c2d0fd rgb(194,208,253)
```
#d5dffe
```
#d5dffe rgb(213,223,254)
```
#e9eefe
```
#e9eefe rgb(233,238,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a3a4a7
```
#a3a4a7 rgb(163,164,167)
```
#9ca0ae
```
#9ca0ae rgb(156,160,174)
```
#959cb5
```
#959cb5 rgb(149,156,181)
```
#8e99bc
```
#8e99bc rgb(142,153,188)
```
#8795c3
```
#8795c3 rgb(135,149,195)
```
#8091ca
```
#8091ca rgb(128,145,202)
```
#7a8dd0
```
#7a8dd0 rgb(122,141,208)
```
#738ad7
```
#738ad7 rgb(115,138,215)
```
#6c86de
```
#6c86de rgb(108,134,222)
```
#6582e5
```
#6582e5 rgb(101,130,229)
```
#5e7eec
```
#5e7eec rgb(94,126,236)
```
#577bf3
```
#577bf3 rgb(87,123,243)
```
#5077fa
```
#5077fa rgb(80,119,250)
```

Tone Color Variation

Below, you can see how #5077fa 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
#727994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e82fe Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#307efd Protanomaly 1% of men, 0.01% of women
#1d83eb Deuteranomaly 6% of men, 0.4% of women
#1d89bf Tritanomaly 0.01% of the population

#5077fa hex color

#5077fa Color Information

#5077fa Color Conversion

Color Schemes with #5077fa

Alternatives to #5077fa

#5077fa Preview

Shades and Tints of #5077fa

Tones of #5077fa

Color Blindness Simulator