#5090fd hex color

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

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

● #5090fd color description : Soft blue.

The hexadecimal color #5090fd has RGB values of R:80, G:144, B:253 and CMYK values of C:0.68, M:0.43, Y:0, K:0.01. Its decimal value is 5279997.

Hex triplet	5090fd	`#5090fd`
RGB Decimal	80, 144, 253	`rgb(80,144,253)`
RGB Percent	31.4, 56.5, 99.2	`rgb(31.4%,56.5%,99.2%)`
CMYK	68, 43, 0, 1
HSL	217.8°, 97.7, 65.3	`hsl(217.8,97.7%,65.3%)`
HSV (or HSB)	217.8°, 68.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.553, 14.231, -60.346
XYZ	31.007, 28.742, 96.837
xyY	0.198, 0.184, 28.742
CIE-LCH	60.553, 62.002, 283.269
CIE-LUV	60.553, -26.016, -98.121
Hunter-Lab	53.611, 9.419, -69.566
Binary	01010000, 10010000, 11111101

#5090fd
```
#5090fd rgb(80,144,253)
```
#fdbd50
```
#fdbd50 rgb(253,189,80)
```

Complementary Color

#50e7fd
```
#50e7fd rgb(80,231,253)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#6750fd
```
#6750fd rgb(103,80,253)
```

Analogous Color

#e7fd50
```
#e7fd50 rgb(231,253,80)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#fd6750
```
#fd6750 rgb(253,103,80)
```

Split Complementary Color

#90fd50
```
#90fd50 rgb(144,253,80)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#fd5090
```
#fd5090 rgb(253,80,144)
```

Triadic Color

#50fdbd
```
#50fdbd rgb(80,253,189)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#fd5090
```
#fd5090 rgb(253,80,144)
```
#fdbd50
```
#fdbd50 rgb(253,189,80)
```

Tetradic Color

#0460fc
```
#0460fc rgb(4,96,252)
```
#1e70fc
```
#1e70fc rgb(30,112,252)
```
#3780fd
```
#3780fd rgb(55,128,253)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#69a0fd
```
#69a0fd rgb(105,160,253)
```
#82b0fe
```
#82b0fe rgb(130,176,254)
```
#9cc0fe
```
#9cc0fe rgb(156,192,254)
```

Monochromatic Color

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

#50bbfd
```
#50bbfd rgb(80,187,253)
```
#50adfd
```
#50adfd rgb(80,173,253)
```
#509efd
```
#509efd rgb(80,158,253)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#5082fd
```
#5082fd rgb(80,130,253)
```
#5073fd
```
#5073fd rgb(80,115,253)
```
#5065fd
```
#5065fd rgb(80,101,253)
```

Similar Colors

Text with hexadecimal color #5090fd

This text has a font color of #5090fd.

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

#5090fd background color

This paragraph has a background color of #5090fd.

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

#5090fd border color

This element has a border color of #5090fd.

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

CSS codes

.text {color:#5090fd;}

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

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

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

#000713
```
#000713 rgb(0,7,19)
```
#000e26
```
#000e26 rgb(0,14,38)
```
#01163a
```
#01163a rgb(1,22,58)
```
#011d4d
```
#011d4d rgb(1,29,77)
```
#012461
```
#012461 rgb(1,36,97)
```
#012c74
```
#012c74 rgb(1,44,116)
```
#023387
```
#023387 rgb(2,51,135)
```
#023a9b
```
#023a9b rgb(2,58,155)
```
#0242ae
```
#0242ae rgb(2,66,174)
```
#0249c1
```
#0249c1 rgb(2,73,193)
```
#0250d5
```
#0250d5 rgb(2,80,213)
```
#0358e8
```
#0358e8 rgb(3,88,232)
```
#035ffc
```
#035ffc rgb(3,95,252)
```

Shade Color Variation

#166bfc
```
#166bfc rgb(22,107,252)
```
#2977fd
```
#2977fd rgb(41,119,253)
```
#3d84fd
```
#3d84fd rgb(61,132,253)
```
#5090fd
```
#5090fd rgb(80,144,253)
```
#639cfd
```
#639cfd rgb(99,156,253)
```
#77a9fd
```
#77a9fd rgb(119,169,253)
```
#8ab5fe
```
#8ab5fe rgb(138,181,254)
```
#9ec1fe
```
#9ec1fe rgb(158,193,254)
```
#b1cefe
```
#b1cefe rgb(177,206,254)
```
#c4dafe
```
#c4dafe rgb(196,218,254)
```
#d8e6ff
```
#d8e6ff rgb(216,230,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a5ab
```
#a2a5ab rgb(162,165,171)
```
#9ba3b2
```
#9ba3b2 rgb(155,163,178)
```
#94a2b9
```
#94a2b9 rgb(148,162,185)
```
#8da0c0
```
#8da0c0 rgb(141,160,192)
```
#869ec7
```
#869ec7 rgb(134,158,199)
```
#809ccd
```
#809ccd rgb(128,156,205)
```
#799bd4
```
#799bd4 rgb(121,155,212)
```
#7299db
```
#7299db rgb(114,153,219)
```
#6b97e2
```
#6b97e2 rgb(107,151,226)
```
#6495e9
```
#6495e9 rgb(100,149,233)
```
#5e94ef
```
#5e94ef rgb(94,148,239)
```
#5792f6
```
#5792f6 rgb(87,146,246)
```
#5090fd
```
#5090fd rgb(80,144,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7e8aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6494fb Protanopia 1% of men
#3899fb Deuteranopia 1% of men
#00a6b2 Tritanopia 0.001% of the population

Trichromacy

#5c92fc Protanomaly 1% of men, 0.01% of women
#4196fc Deuteranomaly 6% of men, 0.4% of women
#1d9ecd Tritanomaly 0.01% of the population

#5090fd hex color

#5090fd Color Information

#5090fd Color Conversion

Color Schemes with #5090fd

Alternatives to #5090fd

#5090fd Preview

Shades and Tints of #5090fd

Tones of #5090fd

Color Blindness Simulator