#5093ff hex color

In a RGB color space, hex #5093ff is composed of 31.4% red, 57.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 42.4% magenta, 0% yellow and 0% black. It has a hue angle of 217 degrees, a saturation of 100% and a lightness of 65.7%. #5093ff color hex could be obtained by blending #a0ffff with #0027ff. Closest websafe color is: #6699ff.

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

● #5093ff color description : Light blue.

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

Hex triplet	5093ff	`#5093ff`
RGB Decimal	80, 147, 255	`rgb(80,147,255)`
RGB Percent	31.4, 57.6, 100	`rgb(31.4%,57.6%,100%)`
CMYK	69, 42, 0, 0
HSL	217°, 100, 65.7	`hsl(217,100%,65.7%)`
HSV (or HSB)	217°, 68.6, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.473, 13.129, -59.971
XYZ	31.788, 29.791, 98.677
xyY	0.198, 0.186, 29.791
CIE-LCH	61.473, 61.391, 282.349
CIE-LUV	61.473, -26.936, -97.686
Hunter-Lab	54.581, 8.442, -68.984
Binary	01010000, 10010011, 11111111

#5093ff
```
#5093ff rgb(80,147,255)
```
#ffbc50
```
#ffbc50 rgb(255,188,80)
```

Complementary Color

#50ebff
```
#50ebff rgb(80,235,255)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#6550ff
```
#6550ff rgb(101,80,255)
```

Analogous Color

#ebff50
```
#ebff50 rgb(235,255,80)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#ff6550
```
#ff6550 rgb(255,101,80)
```

Split Complementary Color

#93ff50
```
#93ff50 rgb(147,255,80)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#ff5093
```
#ff5093 rgb(255,80,147)
```

Triadic Color

#50ffbc
```
#50ffbc rgb(80,255,188)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#ff5093
```
#ff5093 rgb(255,80,147)
```
#ffbc50
```
#ffbc50 rgb(255,188,80)
```

Tetradic Color

#0364ff
```
#0364ff rgb(3,100,255)
```
#1d74ff
```
#1d74ff rgb(29,116,255)
```
#3783ff
```
#3783ff rgb(55,131,255)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#6aa3ff
```
#6aa3ff rgb(106,163,255)
```
#83b2ff
```
#83b2ff rgb(131,178,255)
```
#9dc2ff
```
#9dc2ff rgb(157,194,255)
```

Monochromatic Color

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

#50bfff
```
#50bfff rgb(80,191,255)
```
#50b0ff
```
#50b0ff rgb(80,176,255)
```
#50a2ff
```
#50a2ff rgb(80,162,255)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#5084ff
```
#5084ff rgb(80,132,255)
```
#5076ff
```
#5076ff rgb(80,118,255)
```
#5067ff
```
#5067ff rgb(80,103,255)
```

Similar Colors

Text with hexadecimal color #5093ff

This text has a font color of #5093ff.

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

#5093ff background color

This paragraph has a background color of #5093ff.

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

#5093ff border color

This element has a border color of #5093ff.

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

CSS codes

.text {color:#5093ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000815
```
#000815 rgb(0,8,21)
```
#001029
```
#001029 rgb(0,16,41)
```
#00173c
```
#00173c rgb(0,23,60)
```
#001f50
```
#001f50 rgb(0,31,80)
```
#002664
```
#002664 rgb(0,38,100)
```
#002e77
```
#002e77 rgb(0,46,119)
```
#00358b
```
#00358b rgb(0,53,139)
```
#003d9e
```
#003d9e rgb(0,61,158)
```
#0044b2
```
#0044b2 rgb(0,68,178)
```
#004cc6
```
#004cc6 rgb(0,76,198)
```
#0053d9
```
#0053d9 rgb(0,83,217)
```
#005bed
```
#005bed rgb(0,91,237)
```

Shade Color Variation

#0263ff
```
#0263ff rgb(2,99,255)
```
#156fff
```
#156fff rgb(21,111,255)
```
#297bff
```
#297bff rgb(41,123,255)
```
#3c87ff
```
#3c87ff rgb(60,135,255)
```
#5093ff
```
#5093ff rgb(80,147,255)
```
#649fff
```
#649fff rgb(100,159,255)
```
#77abff
```
#77abff rgb(119,171,255)
```
#8bb7ff
```
#8bb7ff rgb(139,183,255)
```
#9ec3ff
```
#9ec3ff rgb(158,195,255)
```
#b2d0ff
```
#b2d0ff rgb(178,208,255)
```
#c6dcff
```
#c6dcff rgb(198,220,255)
```
#d9e8ff
```
#d9e8ff rgb(217,232,255)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#a1a6ae
```
#a1a6ae rgb(161,166,174)
```
#9aa4b5
```
#9aa4b5 rgb(154,164,181)
```
#93a3bc
```
#93a3bc rgb(147,163,188)
```
#8da1c2
```
#8da1c2 rgb(141,161,194)
```
#86a0c9
```
#86a0c9 rgb(134,160,201)
```
#7f9ed0
```
#7f9ed0 rgb(127,158,208)
```
#789cd7
```
#789cd7 rgb(120,156,215)
```
#729bdd
```
#729bdd rgb(114,155,221)
```
#6b99e4
```
#6b99e4 rgb(107,153,228)
```
#6498eb
```
#6498eb rgb(100,152,235)
```
#5d96f2
```
#5d96f2 rgb(93,150,242)
```
#5795f8
```
#5795f8 rgb(87,149,248)
```
#5093ff
```
#5093ff rgb(80,147,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7f8da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6796fd Protanopia 1% of men
#3f9bfd Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#5f95fd Protanomaly 1% of men, 0.01% of women
#4598fe Deuteranomaly 6% of men, 0.4% of women
#1da0cf Tritanomaly 0.01% of the population

#5093ff hex color

#5093ff Color Information

#5093ff Color Conversion

Color Schemes with #5093ff

Alternatives to #5093ff

#5093ff Preview

Shades and Tints of #5093ff

Tones of #5093ff

Color Blindness Simulator