#5085fd hex color

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

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

● #5085fd color description : Soft blue.

The hexadecimal color #5085fd has RGB values of R:80, G:133, B:253 and CMYK values of C:0.68, M:0.47, Y:0, K:0.01. Its decimal value is 5277181.

Hex triplet	5085fd	`#5085fd`
RGB Decimal	80, 133, 253	`rgb(80,133,253)`
RGB Percent	31.4, 52.2, 99.2	`rgb(31.4%,52.2%,99.2%)`
CMYK	68, 47, 0, 1
HSL	221.6°, 97.7, 65.3	`hsl(221.6,97.7%,65.3%)`
HSV (or HSB)	221.6°, 68.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.627, 20.872, -65.041
XYZ	29.422, 25.57, 96.308
xyY	0.194, 0.169, 25.57
CIE-LCH	57.627, 68.308, 287.792
CIE-LUV	57.627, -22.604, -105.229
Hunter-Lab	50.567, 15.364, -77.524
Binary	01010000, 10000101, 11111101

#5085fd
```
#5085fd rgb(80,133,253)
```
#fdc850
```
#fdc850 rgb(253,200,80)
```

Complementary Color

#50dcfd
```
#50dcfd rgb(80,220,253)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#7250fd
```
#7250fd rgb(114,80,253)
```

Analogous Color

#dcfd50
```
#dcfd50 rgb(220,253,80)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#fd7250
```
#fd7250 rgb(253,114,80)
```

Split Complementary Color

#85fd50
```
#85fd50 rgb(133,253,80)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#fd5085
```
#fd5085 rgb(253,80,133)
```

Triadic Color

#50fdc8
```
#50fdc8 rgb(80,253,200)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#fd5085
```
#fd5085 rgb(253,80,133)
```
#fdc850
```
#fdc850 rgb(253,200,80)
```

Tetradic Color

#0450fc
```
#0450fc rgb(4,80,252)
```
#1e62fc
```
#1e62fc rgb(30,98,252)
```
#3773fd
```
#3773fd rgb(55,115,253)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#6997fd
```
#6997fd rgb(105,151,253)
```
#82a8fe
```
#82a8fe rgb(130,168,254)
```
#9cbafe
```
#9cbafe rgb(156,186,254)
```

Monochromatic Color

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

#50b0fd
```
#50b0fd rgb(80,176,253)
```
#50a2fd
```
#50a2fd rgb(80,162,253)
```
#5093fd
```
#5093fd rgb(80,147,253)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#5077fd
```
#5077fd rgb(80,119,253)
```
#5068fd
```
#5068fd rgb(80,104,253)
```
#505afd
```
#505afd rgb(80,90,253)
```

Similar Colors

Text with hexadecimal color #5085fd

This text has a font color of #5085fd.

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

#5085fd background color

This paragraph has a background color of #5085fd.

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

#5085fd border color

This element has a border color of #5085fd.

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

CSS codes

.text {color:#5085fd;}

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

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

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)
```
#01123a
```
#01123a rgb(1,18,58)
```
#01184d
```
#01184d rgb(1,24,77)
```
#011e61
```
#011e61 rgb(1,30,97)
```
#012474
```
#012474 rgb(1,36,116)
```
#022b87
```
#022b87 rgb(2,43,135)
```
#02319b
```
#02319b rgb(2,49,155)
```
#0237ae
```
#0237ae rgb(2,55,174)
```
#023dc1
```
#023dc1 rgb(2,61,193)
```
#0243d5
```
#0243d5 rgb(2,67,213)
```
#0349e8
```
#0349e8 rgb(3,73,232)
```
#034ffc
```
#034ffc rgb(3,79,252)
```

Shade Color Variation

#165cfc
```
#165cfc rgb(22,92,252)
```
#296afd
```
#296afd rgb(41,106,253)
```
#3d77fd
```
#3d77fd rgb(61,119,253)
```
#5085fd
```
#5085fd rgb(80,133,253)
```
#6393fd
```
#6393fd rgb(99,147,253)
```
#77a0fd
```
#77a0fd rgb(119,160,253)
```
#8aaefe
```
#8aaefe rgb(138,174,254)
```
#9ebbfe
```
#9ebbfe rgb(158,187,254)
```
#b1c9fe
```
#b1c9fe rgb(177,201,254)
```
#c4d6fe
```
#c4d6fe rgb(196,214,254)
```
#d8e4ff
```
#d8e4ff rgb(216,228,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 #5085fd is the most saturated one.

#a2a5ab
```
#a2a5ab rgb(162,165,171)
```
#9ba2b2
```
#9ba2b2 rgb(155,162,178)
```
#949fb9
```
#949fb9 rgb(148,159,185)
```
#8d9dc0
```
#8d9dc0 rgb(141,157,192)
```
#869ac7
```
#869ac7 rgb(134,154,199)
```
#8097cd
```
#8097cd rgb(128,151,205)
```
#7995d4
```
#7995d4 rgb(121,149,212)
```
#7292db
```
#7292db rgb(114,146,219)
```
#6b90e2
```
#6b90e2 rgb(107,144,226)
```
#648de9
```
#648de9 rgb(100,141,233)
```
#5e8aef
```
#5e8aef rgb(94,138,239)
```
#5788f6
```
#5788f6 rgb(87,136,246)
```
#5085fd
```
#5085fd rgb(80,133,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#79839b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8cfe Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4e89fd Protanomaly 1% of men, 0.01% of women
#1d8df7 Deuteranomaly 6% of men, 0.4% of women
#1d95c7 Tritanomaly 0.01% of the population

#5085fd hex color

#5085fd Color Information

#5085fd Color Conversion

Color Schemes with #5085fd

Alternatives to #5085fd

#5085fd Preview

Shades and Tints of #5085fd

Tones of #5085fd

Color Blindness Simulator