#5099fb hex color

In a RGB color space, hex #5099fb is composed of 31.4% red, 60% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 39% magenta, 0% yellow and 1.6% black. It has a hue angle of 214.4 degrees, a saturation of 95.5% and a lightness of 64.9%. #5099fb color hex could be obtained by blending #a0ffff with #0033f7. Closest websafe color is: #6699ff.

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

● #5099fb color description : Soft blue.

The hexadecimal color #5099fb has RGB values of R:80, G:153, B:251 and CMYK values of C:0.68, M:0.39, Y:0, K:0.02. Its decimal value is 5282299.

Hex triplet	5099fb	`#5099fb`
RGB Decimal	80, 153, 251	`rgb(80,153,251)`
RGB Percent	31.4, 60, 98.4	`rgb(31.4%,60%,98.4%)`
CMYK	68, 39, 0, 2
HSL	214.4°, 95.5, 64.9	`hsl(214.4,95.5%,64.9%)`
HSV (or HSB)	214.4°, 68.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.886, 8.2, -55.528
XYZ	32.108, 31.451, 95.64
xyY	0.202, 0.198, 31.451
CIE-LCH	62.886, 56.13, 278.4
CIE-LUV	62.886, -28.964, -90.25
Hunter-Lab	56.081, 4.055, -61.856
Binary	01010000, 10011001, 11111011

#5099fb
```
#5099fb rgb(80,153,251)
```
#fbb250
```
#fbb250 rgb(251,178,80)
```

Complementary Color

#50effb
```
#50effb rgb(80,239,251)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#5d50fb
```
#5d50fb rgb(93,80,251)
```

Analogous Color

#effb50
```
#effb50 rgb(239,251,80)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#fb5d50
```
#fb5d50 rgb(251,93,80)
```

Split Complementary Color

#99fb50
```
#99fb50 rgb(153,251,80)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#fb5099
```
#fb5099 rgb(251,80,153)
```

Triadic Color

#50fbb2
```
#50fbb2 rgb(80,251,178)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#fb5099
```
#fb5099 rgb(251,80,153)
```
#fbb250
```
#fbb250 rgb(251,178,80)
```

Tetradic Color

#066df9
```
#066df9 rgb(6,109,249)
```
#1e7cfa
```
#1e7cfa rgb(30,124,250)
```
#378afa
```
#378afa rgb(55,138,250)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#69a8fc
```
#69a8fc rgb(105,168,252)
```
#82b6fc
```
#82b6fc rgb(130,182,252)
```
#9bc5fd
```
#9bc5fd rgb(155,197,253)
```

Monochromatic Color

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

#50c4fb
```
#50c4fb rgb(80,196,251)
```
#50b6fb
```
#50b6fb rgb(80,182,251)
```
#50a7fb
```
#50a7fb rgb(80,167,251)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#508bfb
```
#508bfb rgb(80,139,251)
```
#507dfb
```
#507dfb rgb(80,125,251)
```
#506efb
```
#506efb rgb(80,110,251)
```

Similar Colors

Text with hexadecimal color #5099fb

This text has a font color of #5099fb.

<span style="color:#5099fb;">Text here</span>

#5099fb background color

This paragraph has a background color of #5099fb.

<p style="background-color:#5099fb;">Content here</p>

#5099fb border color

This element has a border color of #5099fb.

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

CSS codes

.text {color:#5099fb;}

.background {background-color:#5099fb;}

.border {border:1px solid #5099fb;}

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

#000711
```
#000711 rgb(0,7,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#011837
```
#011837 rgb(1,24,55)
```
#02214a
```
#02214a rgb(2,33,74)
```
#02295d
```
#02295d rgb(2,41,93)
```
#033271
```
#033271 rgb(3,50,113)
```
#033a84
```
#033a84 rgb(3,58,132)
```
#034297
```
#034297 rgb(3,66,151)
```
#044baa
```
#044baa rgb(4,75,170)
```
#0453bd
```
#0453bd rgb(4,83,189)
```
#055cd1
```
#055cd1 rgb(5,92,209)
```
#0564e4
```
#0564e4 rgb(5,100,228)
```
#066df7
```
#066df7 rgb(6,109,247)
```

Shade Color Variation

#1677fa
```
#1677fa rgb(22,119,250)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#3d8efb
```
#3d8efb rgb(61,142,251)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#63a4fb
```
#63a4fb rgb(99,164,251)
```
#76affc
```
#76affc rgb(118,175,252)
```
#8abbfc
```
#8abbfc rgb(138,187,252)
```
#9dc6fd
```
#9dc6fd rgb(157,198,253)
```
#b0d1fd
```
#b0d1fd rgb(176,209,253)
```
#c3dcfe
```
#c3dcfe rgb(195,220,254)
```
#d6e7fe
```
#d6e7fe rgb(214,231,254)
```
#e9f2ff
```
#e9f2ff rgb(233,242,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a3a5a8
```
#a3a5a8 rgb(163,165,168)
```
#9ca4af
```
#9ca4af rgb(156,164,175)
```
#95a3b6
```
#95a3b6 rgb(149,163,182)
```
#8ea2bd
```
#8ea2bd rgb(142,162,189)
```
#87a1c4
```
#87a1c4 rgb(135,161,196)
```
#80a0cb
```
#80a0cb rgb(128,160,203)
```
#799fd2
```
#799fd2 rgb(121,159,210)
```
#729ed9
```
#729ed9 rgb(114,158,217)
```
#6c9ddf
```
#6c9ddf rgb(108,157,223)
```
#659ce6
```
#659ce6 rgb(101,156,230)
```
#5e9bed
```
#5e9bed rgb(94,155,237)
```
#579af4
```
#579af4 rgb(87,154,244)
```
#5099fb
```
#5099fb rgb(80,153,251)
```

Tone Color Variation

Below, you can see how #5099fb 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

#749af8 Protanopia 1% of men
#569efb Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#6699f9 Protanomaly 1% of men, 0.01% of women
#549cfb Deuteranomaly 6% of men, 0.4% of women
#1da5d1 Tritanomaly 0.01% of the population

#5099fb hex color

#5099fb Color Information

#5099fb Color Conversion

Color Schemes with #5099fb

Alternatives to #5099fb

#5099fb Preview

Shades and Tints of #5099fb

Tones of #5099fb

Color Blindness Simulator