#0050ff hex color

In a RGB color space, hex #0050ff is composed of 0% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 221.2 degrees, a saturation of 100% and a lightness of 50%. #0050ff color hex could be obtained by blending #00a0ff with #0000ff. Closest websafe color is: #0066ff.

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

● #0050ff color description : Pure (or mostly pure) blue.

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

Hex triplet	0050ff	`#0050ff`
RGB Decimal	0, 80, 255	`rgb(0,80,255)`
RGB Percent	0, 31.4, 100	`rgb(0%,31.4%,100%)`
CMYK	100, 69, 0, 0
HSL	221.2°, 100, 50	`hsl(221.2,100%,50%)`
HSV (or HSB)	221.2°, 100, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.696, 48.862, -90.579
XYZ	20.915, 12.956, 96.001
xyY	0.161, 0.1, 12.956
CIE-LCH	42.696, 102.917, 298.344
CIE-LUV	42.696, -17.54, -131.348
Hunter-Lab	35.994, 40.732, -132.939
Binary	00000000, 01010000, 11111111

#0050ff
```
#0050ff rgb(0,80,255)
```
#ffaf00
```
#ffaf00 rgb(255,175,0)
```

Complementary Color

#00d0ff
```
#00d0ff rgb(0,208,255)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#3000ff
```
#3000ff rgb(48,0,255)
```

Analogous Color

#d0ff00
```
#d0ff00 rgb(208,255,0)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#ff3000
```
#ff3000 rgb(255,48,0)
```

Split Complementary Color

#50ff00
```
#50ff00 rgb(80,255,0)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#ff0050
```
#ff0050 rgb(255,0,80)
```

Triadic Color

#00ffaf
```
#00ffaf rgb(0,255,175)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#ff0050
```
#ff0050 rgb(255,0,80)
```
#ffaf00
```
#ffaf00 rgb(255,175,0)
```

Tetradic Color

#0038b3
```
#0038b3 rgb(0,56,179)
```
#0040cc
```
#0040cc rgb(0,64,204)
```
#0048e6
```
#0048e6 rgb(0,72,230)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#1a62ff
```
#1a62ff rgb(26,98,255)
```
#3373ff
```
#3373ff rgb(51,115,255)
```
#4d85ff
```
#4d85ff rgb(77,133,255)
```

Monochromatic Color

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

#0090ff
```
#0090ff rgb(0,144,255)
```
#007bff
```
#007bff rgb(0,123,255)
```
#0065ff
```
#0065ff rgb(0,101,255)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#003bff
```
#003bff rgb(0,59,255)
```
#0025ff
```
#0025ff rgb(0,37,255)
```
#0010ff
```
#0010ff rgb(0,16,255)
```

Similar Colors

Text with hexadecimal color #0050ff

This text has a font color of #0050ff.

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

#0050ff background color

This paragraph has a background color of #0050ff.

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

#0050ff border color

This element has a border color of #0050ff.

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

CSS codes

.text {color:#0050ff;}

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

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

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

#000614
```
#000614 rgb(0,6,20)
```
#000c27
```
#000c27 rgb(0,12,39)
```
#00123b
```
#00123b rgb(0,18,59)
```
#00194e
```
#00194e rgb(0,25,78)
```
#001f62
```
#001f62 rgb(0,31,98)
```
#002576
```
#002576 rgb(0,37,118)
```
#002b89
```
#002b89 rgb(0,43,137)
```
#00319d
```
#00319d rgb(0,49,157)
```
#0037b1
```
#0037b1 rgb(0,55,177)
```
#003ec4
```
#003ec4 rgb(0,62,196)
```
#0044d8
```
#0044d8 rgb(0,68,216)
```
#004aeb
```
#004aeb rgb(0,74,235)
```
#0050ff
```
#0050ff rgb(0,80,255)
```

Shade Color Variation

#145dff
```
#145dff rgb(20,93,255)
```
#276bff
```
#276bff rgb(39,107,255)
```
#3b78ff
```
#3b78ff rgb(59,120,255)
```
#4e86ff
```
#4e86ff rgb(78,134,255)
```
#6293ff
```
#6293ff rgb(98,147,255)
```
#76a1ff
```
#76a1ff rgb(118,161,255)
```
#89aeff
```
#89aeff rgb(137,174,255)
```
#9dbcff
```
#9dbcff rgb(157,188,255)
```
#b1c9ff
```
#b1c9ff rgb(177,201,255)
```
#c4d7ff
```
#c4d7ff rgb(196,215,255)
```
#d8e4ff
```
#d8e4ff rgb(216,228,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#767c89
```
#767c89 rgb(118,124,137)
```
#6c7893
```
#6c7893 rgb(108,120,147)
```
#62759d
```
#62759d rgb(98,117,157)
```
#5871a7
```
#5871a7 rgb(88,113,167)
```
#4e6db1
```
#4e6db1 rgb(78,109,177)
```
#456aba
```
#456aba rgb(69,106,186)
```
#3b66c4
```
#3b66c4 rgb(59,102,196)
```
#3162ce
```
#3162ce rgb(49,98,206)
```
#275fd8
```
#275fd8 rgb(39,95,216)
```
#1d5be2
```
#1d5be2 rgb(29,91,226)
```
#1457eb
```
#1457eb rgb(20,87,235)
```
#0a54f5
```
#0a54f5 rgb(10,84,245)
```
#0050ff
```
#0050ff rgb(0,80,255)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3d4d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0060df Protanomaly 1% of men, 0.01% of women
#0064ce Deuteranomaly 6% of men, 0.4% of women
#0069ac Tritanomaly 0.01% of the population

#0050ff hex color

#0050ff Color Information

#0050ff Color Conversion

Color Schemes with #0050ff

Alternatives to #0050ff

#0050ff Preview

Shades and Tints of #0050ff

Tones of #0050ff

Color Blindness Simulator