#5093f9 hex color

In a RGB color space, hex #5093f9 is composed of 31.4% red, 57.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 41% magenta, 0% yellow and 2.4% black. It has a hue angle of 216.2 degrees, a saturation of 93.4% and a lightness of 64.5%. #5093f9 color hex could be obtained by blending #a0ffff with #0027f3. Closest websafe color is: #6699ff.

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

● #5093f9 color description : Soft blue.

The hexadecimal color #5093f9 has RGB values of R:80, G:147, B:249 and CMYK values of C:0.68, M:0.41, Y:0, K:0.02. Its decimal value is 5280761.

Hex triplet	5093f9	`#5093f9`
RGB Decimal	80, 147, 249	`rgb(80,147,249)`
RGB Percent	31.4, 57.6, 97.6	`rgb(31.4%,57.6%,97.6%)`
CMYK	68, 41, 0, 2
HSL	216.2°, 93.4, 64.5	`hsl(216.2,93.4%,64.5%)`
HSV (or HSB)	216.2°, 67.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.142, 11.061, -57.21
XYZ	30.837, 29.41, 93.669
xyY	0.2, 0.191, 29.41
CIE-LCH	61.142, 58.27, 280.942
CIE-LUV	61.142, -27.049, -92.852
Hunter-Lab	54.231, 6.594, -64.445
Binary	01010000, 10010011, 11111001

#5093f9
```
#5093f9 rgb(80,147,249)
```
#f9b650
```
#f9b650 rgb(249,182,80)
```

Complementary Color

#50e8f9
```
#50e8f9 rgb(80,232,249)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#6250f9
```
#6250f9 rgb(98,80,249)
```

Analogous Color

#e8f950
```
#e8f950 rgb(232,249,80)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#f96150
```
#f96150 rgb(249,97,80)
```

Split Complementary Color

#93f950
```
#93f950 rgb(147,249,80)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#f95093
```
#f95093 rgb(249,80,147)
```

Triadic Color

#50f9b6
```
#50f9b6 rgb(80,249,182)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#f95093
```
#f95093 rgb(249,80,147)
```
#f9b650
```
#f9b650 rgb(249,182,80)
```

Tetradic Color

#0866f4
```
#0866f4 rgb(8,102,244)
```
#1f75f7
```
#1f75f7 rgb(31,117,247)
```
#3784f8
```
#3784f8 rgb(55,132,248)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#69a2fa
```
#69a2fa rgb(105,162,250)
```
#81b1fb
```
#81b1fb rgb(129,177,251)
```
#9ac1fc
```
#9ac1fc rgb(154,193,252)
```

Monochromatic Color

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

#50bdf9
```
#50bdf9 rgb(80,189,249)
```
#50aff9
```
#50aff9 rgb(80,175,249)
```
#50a1f9
```
#50a1f9 rgb(80,161,249)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#5077f9
```
#5077f9 rgb(80,119,249)
```
#5069f9
```
#5069f9 rgb(80,105,249)
```

Similar Colors

Text with hexadecimal color #5093f9

This text has a font color of #5093f9.

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

#5093f9 background color

This paragraph has a background color of #5093f9.

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

#5093f9 border color

This element has a border color of #5093f9.

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

CSS codes

.text {color:#5093f9;}

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

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

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, #01060f is the darkest color, while #fbfcff is the lightest one.

#01060f
```
#01060f rgb(1,6,15)
```
#010e22
```
#010e22 rgb(1,14,34)
```
#021635
```
#021635 rgb(2,22,53)
```
#021e48
```
#021e48 rgb(2,30,72)
```
#03265b
```
#03265b rgb(3,38,91)
```
#042e6d
```
#042e6d rgb(4,46,109)
```
#043680
```
#043680 rgb(4,54,128)
```
#053d93
```
#053d93 rgb(5,61,147)
```
#0645a6
```
#0645a6 rgb(6,69,166)
```
#064db9
```
#064db9 rgb(6,77,185)
```
#0755cc
```
#0755cc rgb(7,85,204)
```
#085ddf
```
#085ddf rgb(8,93,223)
```
#0865f2
```
#0865f2 rgb(8,101,242)
```

Shade Color Variation

#1770f7
```
#1770f7 rgb(23,112,247)
```
#2a7cf8
```
#2a7cf8 rgb(42,124,248)
```
#3d87f8
```
#3d87f8 rgb(61,135,248)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#639ffa
```
#639ffa rgb(99,159,250)
```
#76aafa
```
#76aafa rgb(118,170,250)
```
#89b6fb
```
#89b6fb rgb(137,182,251)
```
#9cc2fc
```
#9cc2fc rgb(156,194,252)
```
#afcefc
```
#afcefc rgb(175,206,252)
```
#c2d9fd
```
#c2d9fd rgb(194,217,253)
```
#d5e5fe
```
#d5e5fe rgb(213,229,254)
```
#e8f1fe
```
#e8f1fe rgb(232,241,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9da3ac
```
#9da3ac rgb(157,163,172)
```
#96a1b3
```
#96a1b3 rgb(150,161,179)
```
#8fa0ba
```
#8fa0ba rgb(143,160,186)
```
#889fc1
```
#889fc1 rgb(136,159,193)
```
#819dc8
```
#819dc8 rgb(129,157,200)
```
#7a9ccf
```
#7a9ccf rgb(122,156,207)
```
#739ad6
```
#739ad6 rgb(115,154,214)
```
#6c99dd
```
#6c99dd rgb(108,153,221)
```
#6597e4
```
#6597e4 rgb(101,151,228)
```
#5e96eb
```
#5e96eb rgb(94,150,235)
```
#5794f2
```
#5794f2 rgb(87,148,242)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```

Tone Color Variation

Below, you can see how #5093f9 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
#7f8da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b96f7 Protanopia 1% of men
#4a9af8 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#6194f7 Protanomaly 1% of men, 0.01% of women
#4c97f8 Deuteranomaly 6% of men, 0.4% of women
#1da0cd Tritanomaly 0.01% of the population

#5093f9 hex color

#5093f9 Color Information

#5093f9 Color Conversion

Color Schemes with #5093f9

Alternatives to #5093f9

#5093f9 Preview

Shades and Tints of #5093f9

Tones of #5093f9

Color Blindness Simulator