#5098fd hex color

In a RGB color space, hex #5098fd is composed of 31.4% red, 59.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 39.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 215 degrees, a saturation of 97.7% and a lightness of 65.3%. #5098fd color hex could be obtained by blending #a0ffff with #0031fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 60
- B 99
RGB color chart
- C 68
- M 40
- Y 0
- K 1
CMYK color chart

● #5098fd color description : Soft blue.

The hexadecimal color #5098fd has RGB values of R:80, G:152, B:253 and CMYK values of C:0.68, M:0.4, Y:0, K:0.01. Its decimal value is 5282045.

Hex triplet	5098fd	`#5098fd`
RGB Decimal	80, 152, 253	`rgb(80,152,253)`
RGB Percent	31.4, 59.6, 99.2	`rgb(31.4%,59.6%,99.2%)`
CMYK	68, 40, 0, 1
HSL	215°, 97.7, 65.3	`hsl(215,97.7%,65.3%)`
HSV (or HSB)	215°, 68.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.719, 9.475, -56.888
XYZ	32.262, 31.252, 97.255
xyY	0.201, 0.194, 31.252
CIE-LCH	62.719, 57.671, 279.456
CIE-LUV	62.719, -28.59, -92.594
Hunter-Lab	55.903, 5.184, -64.015
Binary	01010000, 10011000, 11111101

#5098fd
```
#5098fd rgb(80,152,253)
```
#fdb550
```
#fdb550 rgb(253,181,80)
```

Complementary Color

#50effd
```
#50effd rgb(80,239,253)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#5f50fd
```
#5f50fd rgb(95,80,253)
```

Analogous Color

#effd50
```
#effd50 rgb(239,253,80)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#fd5f50
```
#fd5f50 rgb(253,95,80)
```

Split Complementary Color

#98fd50
```
#98fd50 rgb(152,253,80)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#fd5098
```
#fd5098 rgb(253,80,152)
```

Triadic Color

#50fdb5
```
#50fdb5 rgb(80,253,181)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#fd5098
```
#fd5098 rgb(253,80,152)
```
#fdb550
```
#fdb550 rgb(253,181,80)
```

Tetradic Color

#046bfc
```
#046bfc rgb(4,107,252)
```
#1e7afc
```
#1e7afc rgb(30,122,252)
```
#3789fd
```
#3789fd rgb(55,137,253)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#69a7fd
```
#69a7fd rgb(105,167,253)
```
#82b6fe
```
#82b6fe rgb(130,182,254)
```
#9cc5fe
```
#9cc5fe rgb(156,197,254)
```

Monochromatic Color

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

#50c3fd
```
#50c3fd rgb(80,195,253)
```
#50b5fd
```
#50b5fd rgb(80,181,253)
```
#50a6fd
```
#50a6fd rgb(80,166,253)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#508afd
```
#508afd rgb(80,138,253)
```
#507bfd
```
#507bfd rgb(80,123,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```

Similar Colors

Text with hexadecimal color #5098fd

This text has a font color of #5098fd.

<span style="color:#5098fd;">Text here</span>

#5098fd background color

This paragraph has a background color of #5098fd.

<p style="background-color:#5098fd;">Content here</p>

#5098fd border color

This element has a border color of #5098fd.

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

CSS codes

.text {color:#5098fd;}

.background {background-color:#5098fd;}

.border {border:1px solid #5098fd;}

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

#000813
```
#000813 rgb(0,8,19)
```
#001026
```
#001026 rgb(0,16,38)
```
#01183a
```
#01183a rgb(1,24,58)
```
#01214d
```
#01214d rgb(1,33,77)
```
#012961
```
#012961 rgb(1,41,97)
```
#013174
```
#013174 rgb(1,49,116)
```
#023987
```
#023987 rgb(2,57,135)
```
#02419b
```
#02419b rgb(2,65,155)
```
#024aae
```
#024aae rgb(2,74,174)
```
#0252c1
```
#0252c1 rgb(2,82,193)
```
#025ad5
```
#025ad5 rgb(2,90,213)
```
#0362e8
```
#0362e8 rgb(3,98,232)
```
#036afc
```
#036afc rgb(3,106,252)
```

Shade Color Variation

#1676fc
```
#1676fc rgb(22,118,252)
```
#2981fd
```
#2981fd rgb(41,129,253)
```
#3d8dfd
```
#3d8dfd rgb(61,141,253)
```
#5098fd
```
#5098fd rgb(80,152,253)
```
#63a3fd
```
#63a3fd rgb(99,163,253)
```
#77affd
```
#77affd rgb(119,175,253)
```
#8abafe
```
#8abafe rgb(138,186,254)
```
#9ec6fe
```
#9ec6fe rgb(158,198,254)
```
#b1d1fe
```
#b1d1fe rgb(177,209,254)
```
#c4dcfe
```
#c4dcfe rgb(196,220,254)
```
#d8e8ff
```
#d8e8ff rgb(216,232,255)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a6ab
```
#a2a6ab rgb(162,166,171)
```
#9ba5b2
```
#9ba5b2 rgb(155,165,178)
```
#94a3b9
```
#94a3b9 rgb(148,163,185)
```
#8da2c0
```
#8da2c0 rgb(141,162,192)
```
#86a1c7
```
#86a1c7 rgb(134,161,199)
```
#80a0cd
```
#80a0cd rgb(128,160,205)
```
#799fd4
```
#799fd4 rgb(121,159,212)
```
#729edb
```
#729edb rgb(114,158,219)
```
#6b9de2
```
#6b9de2 rgb(107,157,226)
```
#649be9
```
#649be9 rgb(100,155,233)
```
#5e9aef
```
#5e9aef rgb(94,154,239)
```
#5799f6
```
#5799f6 rgb(87,153,246)
```
#5098fd
```
#5098fd rgb(80,152,253)
```

Tone Color Variation

Below, you can see how #5098fd 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

#8e8e8e Achromatopsia 0.005% of the population
#8290a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7199fa Protanopia 1% of men
#519efc Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#6599fb Protanomaly 1% of men, 0.01% of women
#509cfc Deuteranomaly 6% of men, 0.4% of women
#1da4d1 Tritanomaly 0.01% of the population

#5098fd hex color

#5098fd Color Information

#5098fd Color Conversion

Color Schemes with #5098fd

Alternatives to #5098fd

#5098fd Preview

Shades and Tints of #5098fd

Tones of #5098fd

Color Blindness Simulator