#5099f4 hex color

In a RGB color space, hex #5099f4 is composed of 31.4% red, 60% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 37.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 213.3 degrees, a saturation of 88.2% and a lightness of 63.5%. #5099f4 color hex could be obtained by blending #a0ffff with #0033e9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 60
- B 96
RGB color chart
- C 67
- M 37
- Y 0
- K 4
CMYK color chart

● #5099f4 color description : Soft blue.

The hexadecimal color #5099f4 has RGB values of R:80, G:153, B:244 and CMYK values of C:0.67, M:0.37, Y:0, K:0.04. Its decimal value is 5282292.

Hex triplet	5099f4	`#5099f4`
RGB Decimal	80, 153, 244	`rgb(80,153,244)`
RGB Percent	31.4, 60, 95.7	`rgb(31.4%,60%,95.7%)`
CMYK	67, 37, 0, 4
HSL	213.3°, 88.2, 63.5	`hsl(213.3,88.2%,63.5%)`
HSV (or HSB)	213.3°, 67.2, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.522, 5.808, -52.268
XYZ	31.025, 31.017, 89.935
xyY	0.204, 0.204, 31.017
CIE-LCH	62.522, 52.59, 276.34
CIE-LUV	62.522, -29.138, -84.486
Hunter-Lab	55.693, 1.973, -56.758
Binary	01010000, 10011001, 11110100

#5099f4
```
#5099f4 rgb(80,153,244)
```
#f4ab50
```
#f4ab50 rgb(244,171,80)
```

Complementary Color

#50ebf4
```
#50ebf4 rgb(80,235,244)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#5950f4
```
#5950f4 rgb(89,80,244)
```

Analogous Color

#ebf450
```
#ebf450 rgb(235,244,80)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#f45950
```
#f45950 rgb(244,89,80)
```

Split Complementary Color

#99f450
```
#99f450 rgb(153,244,80)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#f45099
```
#f45099 rgb(244,80,153)
```

Triadic Color

#50f4ab
```
#50f4ab rgb(80,244,171)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#f45099
```
#f45099 rgb(244,80,153)
```
#f4ab50
```
#f4ab50 rgb(244,171,80)
```

Tetradic Color

#0f70e9
```
#0f70e9 rgb(15,112,233)
```
#207df1
```
#207df1 rgb(32,125,241)
```
#388bf2
```
#388bf2 rgb(56,139,242)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#68a7f6
```
#68a7f6 rgb(104,167,246)
```
#80b5f7
```
#80b5f7 rgb(128,181,247)
```
#98c3f9
```
#98c3f9 rgb(152,195,249)
```

Monochromatic Color

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

#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#50b4f4
```
#50b4f4 rgb(80,180,244)
```
#50a7f4
```
#50a7f4 rgb(80,167,244)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#508bf4
```
#508bf4 rgb(80,139,244)
```
#507ef4
```
#507ef4 rgb(80,126,244)
```
#5070f4
```
#5070f4 rgb(80,112,244)
```

Similar Colors

Text with hexadecimal color #5099f4

This text has a font color of #5099f4.

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

#5099f4 background color

This paragraph has a background color of #5099f4.

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

#5099f4 border color

This element has a border color of #5099f4.

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

CSS codes

.text {color:#5099f4;}

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

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

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, #01050a is the darkest color, while #f6fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#020d1c
```
#020d1c rgb(2,13,28)
```
#03162e
```
#03162e rgb(3,22,46)
```
#041f41
```
#041f41 rgb(4,31,65)
```
#052853
```
#052853 rgb(5,40,83)
```
#063166
```
#063166 rgb(6,49,102)
```
#083a78
```
#083a78 rgb(8,58,120)
```
#09438b
```
#09438b rgb(9,67,139)
```
#0a4b9d
```
#0a4b9d rgb(10,75,157)
```
#0b54b0
```
#0b54b0 rgb(11,84,176)
```
#0c5dc2
```
#0c5dc2 rgb(12,93,194)
```
#0d66d5
```
#0d66d5 rgb(13,102,213)
```
#0f6fe7
```
#0f6fe7 rgb(15,111,231)
```

Shade Color Variation

#1979f1
```
#1979f1 rgb(25,121,241)
```
#2b83f2
```
#2b83f2 rgb(43,131,242)
```
#3e8ef3
```
#3e8ef3 rgb(62,142,243)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#62a4f5
```
#62a4f5 rgb(98,164,245)
```
#75aff6
```
#75aff6 rgb(117,175,246)
```
#87b9f7
```
#87b9f7 rgb(135,185,247)
```
#9ac4f9
```
#9ac4f9 rgb(154,196,249)
```
#accffa
```
#accffa rgb(172,207,250)
```
#bfdafb
```
#bfdafb rgb(191,218,251)
```
#d1e4fc
```
#d1e4fc rgb(209,228,252)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#9fa2a5
```
#9fa2a5 rgb(159,162,165)
```
#98a1ac
```
#98a1ac rgb(152,161,172)
```
#90a0b4
```
#90a0b4 rgb(144,160,180)
```
#899fbb
```
#899fbb rgb(137,159,187)
```
#829ec2
```
#829ec2 rgb(130,158,194)
```
#7b9ec9
```
#7b9ec9 rgb(123,158,201)
```
#749dd0
```
#749dd0 rgb(116,157,208)
```
#6d9cd7
```
#6d9cd7 rgb(109,156,215)
```
#659bdf
```
#659bdf rgb(101,155,223)
```
#5e9be6
```
#5e9be6 rgb(94,155,230)
```
#579aed
```
#579aed rgb(87,154,237)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```
#4998fb
```
#4998fb rgb(73,152,251)
```

Tone Color Variation

Below, you can see how #5099f4 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
#8290a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7799f0 Protanopia 1% of men
#5f9df4 Deuteranopia 1% of men
#12abb8 Tritanopia 0.001% of the population

Trichromacy

#6999f2 Protanomaly 1% of men, 0.01% of women
#599bf4 Deuteranomaly 6% of men, 0.4% of women
#28a4cd Tritanomaly 0.01% of the population

#5099f4 hex color

#5099f4 Color Information

#5099f4 Color Conversion

Color Schemes with #5099f4

Alternatives to #5099f4

#5099f4 Preview

Shades and Tints of #5099f4

Tones of #5099f4

Color Blindness Simulator