#5083fd hex color

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

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

● #5083fd color description : Soft blue.

The hexadecimal color #5083fd has RGB values of R:80, G:131, B:253 and CMYK values of C:0.68, M:0.48, Y:0, K:0.01. Its decimal value is 5276669.

Hex triplet	5083fd	`#5083fd`
RGB Decimal	80, 131, 253	`rgb(80,131,253)`
RGB Percent	31.4, 51.4, 99.2	`rgb(31.4%,51.4%,99.2%)`
CMYK	68, 48, 0, 1
HSL	222.3°, 97.7, 65.3	`hsl(222.3,97.7%,65.3%)`
HSV (or HSB)	222.3°, 68.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.103, 22.09, -65.884
XYZ	29.15, 25.028, 96.218
xyY	0.194, 0.166, 25.028
CIE-LCH	57.103, 69.489, 288.535
CIE-LUV	57.103, -22.001, -106.452
Hunter-Lab	50.028, 16.46, -79.012
Binary	01010000, 10000011, 11111101

#5083fd
```
#5083fd rgb(80,131,253)
```
#fdca50
```
#fdca50 rgb(253,202,80)
```

Complementary Color

#50dafd
```
#50dafd rgb(80,218,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#7450fd
```
#7450fd rgb(116,80,253)
```

Analogous Color

#dafd50
```
#dafd50 rgb(218,253,80)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#fd7450
```
#fd7450 rgb(253,116,80)
```

Split Complementary Color

#83fd50
```
#83fd50 rgb(131,253,80)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#fd5083
```
#fd5083 rgb(253,80,131)
```

Triadic Color

#50fdca
```
#50fdca rgb(80,253,202)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#fd5083
```
#fd5083 rgb(253,80,131)
```
#fdca50
```
#fdca50 rgb(253,202,80)
```

Tetradic Color

#044dfc
```
#044dfc rgb(4,77,252)
```
#1e5ffc
```
#1e5ffc rgb(30,95,252)
```
#3771fd
```
#3771fd rgb(55,113,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#6995fd
```
#6995fd rgb(105,149,253)
```
#82a7fe
```
#82a7fe rgb(130,167,254)
```
#9cb9fe
```
#9cb9fe rgb(156,185,254)
```

Monochromatic Color

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

#50aefd
```
#50aefd rgb(80,174,253)
```
#50a0fd
```
#50a0fd rgb(80,160,253)
```
#5091fd
```
#5091fd rgb(80,145,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#5075fd
```
#5075fd rgb(80,117,253)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#5058fd
```
#5058fd rgb(80,88,253)
```

Similar Colors

Text with hexadecimal color #5083fd

This text has a font color of #5083fd.

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

#5083fd background color

This paragraph has a background color of #5083fd.

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

#5083fd border color

This element has a border color of #5083fd.

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

CSS codes

.text {color:#5083fd;}

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

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

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

#000613
```
#000613 rgb(0,6,19)
```
#000c26
```
#000c26 rgb(0,12,38)
```
#01113a
```
#01113a rgb(1,17,58)
```
#01174d
```
#01174d rgb(1,23,77)
```
#011d61
```
#011d61 rgb(1,29,97)
```
#012374
```
#012374 rgb(1,35,116)
```
#022987
```
#022987 rgb(2,41,135)
```
#022f9b
```
#022f9b rgb(2,47,155)
```
#0235ae
```
#0235ae rgb(2,53,174)
```
#023bc1
```
#023bc1 rgb(2,59,193)
```
#0240d5
```
#0240d5 rgb(2,64,213)
```
#0346e8
```
#0346e8 rgb(3,70,232)
```
#034cfc
```
#034cfc rgb(3,76,252)
```

Shade Color Variation

#165afc
```
#165afc rgb(22,90,252)
```
#2968fd
```
#2968fd rgb(41,104,253)
```
#3d75fd
```
#3d75fd rgb(61,117,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#6391fd
```
#6391fd rgb(99,145,253)
```
#779efd
```
#779efd rgb(119,158,253)
```
#8aacfe
```
#8aacfe rgb(138,172,254)
```
#9ebafe
```
#9ebafe rgb(158,186,254)
```
#b1c8fe
```
#b1c8fe rgb(177,200,254)
```
#c4d5fe
```
#c4d5fe rgb(196,213,254)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ebf1ff
```
#ebf1ff rgb(235,241,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 #5083fd is the most saturated one.

#a2a5ab
```
#a2a5ab rgb(162,165,171)
```
#9ba2b2
```
#9ba2b2 rgb(155,162,178)
```
#949fb9
```
#949fb9 rgb(148,159,185)
```
#8d9cc0
```
#8d9cc0 rgb(141,156,192)
```
#8699c7
```
#8699c7 rgb(134,153,199)
```
#8097cd
```
#8097cd rgb(128,151,205)
```
#7994d4
```
#7994d4 rgb(121,148,212)
```
#7291db
```
#7291db rgb(114,145,219)
```
#6b8ee2
```
#6b8ee2 rgb(107,142,226)
```
#648be9
```
#648be9 rgb(100,139,233)
```
#5e89ef
```
#5e89ef rgb(94,137,239)
```
#5786f6
```
#5786f6 rgb(87,134,246)
```
#5083fd
```
#5083fd rgb(80,131,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#78829b Atypical Achromatopsia 0.001% of the population

Dichromacy

#488bfe Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#4b88fe Protanomaly 1% of men, 0.01% of women
#1d8cf5 Deuteranomaly 6% of men, 0.4% of women
#1d93c6 Tritanomaly 0.01% of the population

#5083fd hex color

#5083fd Color Information

#5083fd Color Conversion

Color Schemes with #5083fd

Alternatives to #5083fd

#5083fd Preview

Shades and Tints of #5083fd

Tones of #5083fd

Color Blindness Simulator