#5076ff hex color

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

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

● #5076ff color description : Light blue.

The hexadecimal color #5076ff has RGB values of R:80, G:118, B:255 and CMYK values of C:0.69, M:0.54, Y:0, K:0. Its decimal value is 5273343.

Hex triplet	5076ff	`#5076ff`
RGB Decimal	80, 118, 255	`rgb(80,118,255)`
RGB Percent	31.4, 46.3, 100	`rgb(31.4%,46.3%,100%)`
CMYK	69, 54, 0, 0
HSL	227°, 100, 65.7	`hsl(227,100%,65.7%)`
HSV (or HSB)	227°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.9, 30.736, -72.162
XYZ	27.833, 21.881, 97.359
xyY	0.189, 0.149, 21.881
CIE-LCH	53.9, 78.435, 293.071
CIE-LUV	53.9, -18.262, -115.262
Hunter-Lab	46.777, 24.351, -90.66
Binary	01010000, 01110110, 11111111

#5076ff
```
#5076ff rgb(80,118,255)
```
#ffd950
```
#ffd950 rgb(255,217,80)
```

Complementary Color

#50ceff
```
#50ceff rgb(80,206,255)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#8250ff
```
#8250ff rgb(130,80,255)
```

Analogous Color

#ceff50
```
#ceff50 rgb(206,255,80)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#ff8250
```
#ff8250 rgb(255,130,80)
```

Split Complementary Color

#76ff50
```
#76ff50 rgb(118,255,80)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#ff5076
```
#ff5076 rgb(255,80,118)
```

Triadic Color

#50ffd9
```
#50ffd9 rgb(80,255,217)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#ff5076
```
#ff5076 rgb(255,80,118)
```
#ffd950
```
#ffd950 rgb(255,217,80)
```

Tetradic Color

#033aff
```
#033aff rgb(3,58,255)
```
#1d4eff
```
#1d4eff rgb(29,78,255)
```
#3762ff
```
#3762ff rgb(55,98,255)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#6a8aff
```
#6a8aff rgb(106,138,255)
```
#839eff
```
#839eff rgb(131,158,255)
```
#9db2ff
```
#9db2ff rgb(157,178,255)
```

Monochromatic Color

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

#50a2ff
```
#50a2ff rgb(80,162,255)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#5085ff
```
#5085ff rgb(80,133,255)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#5067ff
```
#5067ff rgb(80,103,255)
```
#5059ff
```
#5059ff rgb(80,89,255)
```
#5650ff
```
#5650ff rgb(86,80,255)
```

Similar Colors

Text with hexadecimal color #5076ff

This text has a font color of #5076ff.

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

#5076ff background color

This paragraph has a background color of #5076ff.

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

#5076ff border color

This element has a border color of #5076ff.

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

CSS codes

.text {color:#5076ff;}

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

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

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)
```
#000d3c
```
#000d3c rgb(0,13,60)
```
#001150
```
#001150 rgb(0,17,80)
```
#001664
```
#001664 rgb(0,22,100)
```
#001a77
```
#001a77 rgb(0,26,119)
```
#001e8b
```
#001e8b rgb(0,30,139)
```
#00229e
```
#00229e rgb(0,34,158)
```
#0027b2
```
#0027b2 rgb(0,39,178)
```
#002bc6
```
#002bc6 rgb(0,43,198)
```
#002fd9
```
#002fd9 rgb(0,47,217)
```
#0033ed
```
#0033ed rgb(0,51,237)
```

Shade Color Variation

#0239ff
```
#0239ff rgb(2,57,255)
```
#1548ff
```
#1548ff rgb(21,72,255)
```
#2957ff
```
#2957ff rgb(41,87,255)
```
#3c67ff
```
#3c67ff rgb(60,103,255)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#6485ff
```
#6485ff rgb(100,133,255)
```
#7795ff
```
#7795ff rgb(119,149,255)
```
#8ba4ff
```
#8ba4ff rgb(139,164,255)
```
#9eb3ff
```
#9eb3ff rgb(158,179,255)
```
#b2c3ff
```
#b2c3ff rgb(178,195,255)
```
#c6d2ff
```
#c6d2ff rgb(198,210,255)
```
#d9e1ff
```
#d9e1ff rgb(217,225,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 #5076ff is the most saturated one.

#a1a4ae
```
#a1a4ae rgb(161,164,174)
```
#9aa0b5
```
#9aa0b5 rgb(154,160,181)
```
#939cbc
```
#939cbc rgb(147,156,188)
```
#8d98c2
```
#8d98c2 rgb(141,152,194)
```
#8694c9
```
#8694c9 rgb(134,148,201)
```
#7f91d0
```
#7f91d0 rgb(127,145,208)
```
#788dd7
```
#788dd7 rgb(120,141,215)
```
#7289dd
```
#7289dd rgb(114,137,221)
```
#6b85e4
```
#6b85e4 rgb(107,133,228)
```
#6481eb
```
#6481eb rgb(100,129,235)
```
#5d7ef2
```
#5d7ef2 rgb(93,126,242)
```
#577af8
```
#577af8 rgb(87,122,248)
```
#5076ff
```
#5076ff rgb(80,118,255)
```

Tone Color Variation

Below, you can see how #5076ff 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
#727995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f83ff Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#307eff Protanomaly 1% of men, 0.01% of women
#1d82ec Deuteranomaly 6% of men, 0.4% of women
#1d89c1 Tritanomaly 0.01% of the population

#5076ff hex color

#5076ff Color Information

#5076ff Color Conversion

Color Schemes with #5076ff

Alternatives to #5076ff

#5076ff Preview

Shades and Tints of #5076ff

Tones of #5076ff

Color Blindness Simulator