#5051ff hex color

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

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

● #5051ff color description : Light blue.

The hexadecimal color #5051ff has RGB values of R:80, G:81, B:255 and CMYK values of C:0.69, M:0.68, Y:0, K:0. Its decimal value is 5263871.

Hex triplet	5051ff	`#5051ff`
RGB Decimal	80, 81, 255	`rgb(80,81,255)`
RGB Percent	31.4, 31.8, 100	`rgb(31.4%,31.8%,100%)`
CMYK	69, 68, 0, 0
HSL	239.7°, 100, 65.7	`hsl(239.7,100%,65.7%)`
HSV (or HSB)	239.7°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.371, 52.796, -86.086
XYZ	24.297, 14.809, 96.18
xyY	0.18, 0.109, 14.809
CIE-LCH	45.371, 100.986, 301.521
CIE-LUV	45.371, -9.537, -129.291
Hunter-Lab	38.482, 45.357, -121.247
Binary	01010000, 01010001, 11111111

#5051ff
```
#5051ff rgb(80,81,255)
```
#fffe50
```
#fffe50 rgb(255,254,80)
```

Complementary Color

#50a9ff
```
#50a9ff rgb(80,169,255)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#a750ff
```
#a750ff rgb(167,80,255)
```

Analogous Color

#a9ff50
```
#a9ff50 rgb(169,255,80)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#ffa750
```
#ffa750 rgb(255,167,80)
```

Split Complementary Color

#51ff50
```
#51ff50 rgb(81,255,80)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#ff5051
```
#ff5051 rgb(255,80,81)
```

Triadic Color

#50fffe
```
#50fffe rgb(80,255,254)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#ff5051
```
#ff5051 rgb(255,80,81)
```
#fffe50
```
#fffe50 rgb(255,254,80)
```

Tetradic Color

#0305ff
```
#0305ff rgb(3,5,255)
```
#1d1eff
```
#1d1eff rgb(29,30,255)
```
#3738ff
```
#3738ff rgb(55,56,255)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#6a6aff
```
#6a6aff rgb(106,106,255)
```
#8384ff
```
#8384ff rgb(131,132,255)
```
#9d9dff
```
#9d9dff rgb(157,157,255)
```

Monochromatic Color

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

#507dff
```
#507dff rgb(80,125,255)
```
#506eff
```
#506eff rgb(80,110,255)
```
#5060ff
```
#5060ff rgb(80,96,255)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#5e50ff
```
#5e50ff rgb(94,80,255)
```
#6c50ff
```
#6c50ff rgb(108,80,255)
```
#7b50ff
```
#7b50ff rgb(123,80,255)
```

Similar Colors

Text with hexadecimal color #5051ff

This text has a font color of #5051ff.

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

#5051ff background color

This paragraph has a background color of #5051ff.

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

#5051ff border color

This element has a border color of #5051ff.

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

CSS codes

.text {color:#5051ff;}

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

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

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 #ededff is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#000015
```
#000015 rgb(0,0,21)
```
#000029
```
#000029 rgb(0,0,41)
```
#00003c
```
#00003c rgb(0,0,60)
```
#000050
```
#000050 rgb(0,0,80)
```
#000164
```
#000164 rgb(0,1,100)
```
#000177
```
#000177 rgb(0,1,119)
```
#00018b
```
#00018b rgb(0,1,139)
```
#00019e
```
#00019e rgb(0,1,158)
```
#0001b2
```
#0001b2 rgb(0,1,178)
```
#0001c6
```
#0001c6 rgb(0,1,198)
```
#0001d9
```
#0001d9 rgb(0,1,217)
```
#0001ed
```
#0001ed rgb(0,1,237)
```

Shade Color Variation

#0203ff
```
#0203ff rgb(2,3,255)
```
#1516ff
```
#1516ff rgb(21,22,255)
```
#292aff
```
#292aff rgb(41,42,255)
```
#3c3dff
```
#3c3dff rgb(60,61,255)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#6465ff
```
#6465ff rgb(100,101,255)
```
#7778ff
```
#7778ff rgb(119,120,255)
```
#8b8cff
```
#8b8cff rgb(139,140,255)
```
#9e9fff
```
#9e9fff rgb(158,159,255)
```
#b2b3ff
```
#b2b3ff rgb(178,179,255)
```
#c6c6ff
```
#c6c6ff rgb(198,198,255)
```
#d9daff
```
#d9daff rgb(217,218,255)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#a1a1ae
```
#a1a1ae rgb(161,161,174)
```
#9a9ab5
```
#9a9ab5 rgb(154,154,181)
```
#9394bc
```
#9394bc rgb(147,148,188)
```
#8d8dc2
```
#8d8dc2 rgb(141,141,194)
```
#8686c9
```
#8686c9 rgb(134,134,201)
```
#7f80d0
```
#7f80d0 rgb(127,128,208)
```
#7879d7
```
#7879d7 rgb(120,121,215)
```
#7272dd
```
#7272dd rgb(114,114,221)
```
#6b6ce4
```
#6b6ce4 rgb(107,108,228)
```
#6465eb
```
#6465eb rgb(100,101,235)
```
#5d5ef2
```
#5d5ef2 rgb(93,94,242)
```
#5758f8
```
#5758f8 rgb(87,88,248)
```
#5051ff
```
#5051ff rgb(80,81,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#616184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1d64e7 Protanomaly 1% of men, 0.01% of women
#1d68d5 Deuteranomaly 6% of men, 0.4% of women
#1d6db1 Tritanomaly 0.01% of the population

#5051ff hex color

#5051ff Color Information

#5051ff Color Conversion

Color Schemes with #5051ff

Alternatives to #5051ff

#5051ff Preview

Shades and Tints of #5051ff

Tones of #5051ff

Color Blindness Simulator