#5085f9 hex color

In a RGB color space, hex #5085f9 is composed of 31.4% red, 52.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 46.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 221.2 degrees, a saturation of 93.4% and a lightness of 64.5%. #5085f9 color hex could be obtained by blending #a0ffff with #000bf3. Closest websafe color is: #6699ff.

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

● #5085f9 color description : Soft blue.

The hexadecimal color #5085f9 has RGB values of R:80, G:133, B:249 and CMYK values of C:0.68, M:0.47, Y:0, K:0.02. Its decimal value is 5277177.

Hex triplet	5085f9	`#5085f9`
RGB Decimal	80, 133, 249	`rgb(80,133,249)`
RGB Percent	31.4, 52.2, 97.6	`rgb(31.4%,52.2%,97.6%)`
CMYK	68, 47, 0, 2
HSL	221.2°, 93.4, 64.5	`hsl(221.2,93.4%,64.5%)`
HSV (or HSB)	221.2°, 67.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.384, 19.485, -63.227
XYZ	28.791, 25.318, 92.987
xyY	0.196, 0.172, 25.318
CIE-LCH	57.384, 66.161, 287.128
CIE-LUV	57.384, -22.63, -102.134
Hunter-Lab	50.317, 14.081, -74.347
Binary	01010000, 10000101, 11111001

#5085f9
```
#5085f9 rgb(80,133,249)
```
#f9c450
```
#f9c450 rgb(249,196,80)
```

Complementary Color

#50daf9
```
#50daf9 rgb(80,218,249)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#7050f9
```
#7050f9 rgb(112,80,249)
```

Analogous Color

#daf950
```
#daf950 rgb(218,249,80)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#f97050
```
#f97050 rgb(249,112,80)
```

Split Complementary Color

#85f950
```
#85f950 rgb(133,249,80)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#f95085
```
#f95085 rgb(249,80,133)
```

Triadic Color

#50f9c4
```
#50f9c4 rgb(80,249,196)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#f95085
```
#f95085 rgb(249,80,133)
```
#f9c450
```
#f9c450 rgb(249,196,80)
```

Tetradic Color

#0852f4
```
#0852f4 rgb(8,82,244)
```
#1f63f7
```
#1f63f7 rgb(31,99,247)
```
#3774f8
```
#3774f8 rgb(55,116,248)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#6996fa
```
#6996fa rgb(105,150,250)
```
#81a7fb
```
#81a7fb rgb(129,167,251)
```
#9ab9fc
```
#9ab9fc rgb(154,185,252)
```

Monochromatic Color

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

#50aff9
```
#50aff9 rgb(80,175,249)
```
#50a1f9
```
#50a1f9 rgb(80,161,249)
```
#5093f9
```
#5093f9 rgb(80,147,249)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#5077f9
```
#5077f9 rgb(80,119,249)
```
#5069f9
```
#5069f9 rgb(80,105,249)
```
#505bf9
```
#505bf9 rgb(80,91,249)
```

Similar Colors

Text with hexadecimal color #5085f9

This text has a font color of #5085f9.

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

#5085f9 background color

This paragraph has a background color of #5085f9.

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

#5085f9 border color

This element has a border color of #5085f9.

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

CSS codes

.text {color:#5085f9;}

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

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

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

#01050f
```
#01050f rgb(1,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#021235
```
#021235 rgb(2,18,53)
```
#021848
```
#021848 rgb(2,24,72)
```
#031f5b
```
#031f5b rgb(3,31,91)
```
#04256d
```
#04256d rgb(4,37,109)
```
#042b80
```
#042b80 rgb(4,43,128)
```
#053293
```
#053293 rgb(5,50,147)
```
#0638a6
```
#0638a6 rgb(6,56,166)
```
#063eb9
```
#063eb9 rgb(6,62,185)
```
#0745cc
```
#0745cc rgb(7,69,204)
```
#084bdf
```
#084bdf rgb(8,75,223)
```
#0852f2
```
#0852f2 rgb(8,82,242)
```

Shade Color Variation

#175df7
```
#175df7 rgb(23,93,247)
```
#2a6bf8
```
#2a6bf8 rgb(42,107,248)
```
#3d78f8
```
#3d78f8 rgb(61,120,248)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```
#6392fa
```
#6392fa rgb(99,146,250)
```
#769ffa
```
#769ffa rgb(118,159,250)
```
#89adfb
```
#89adfb rgb(137,173,251)
```
#9cbafc
```
#9cbafc rgb(156,186,252)
```
#afc7fc
```
#afc7fc rgb(175,199,252)
```
#c2d4fd
```
#c2d4fd rgb(194,212,253)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9da2ac
```
#9da2ac rgb(157,162,172)
```
#969fb3
```
#969fb3 rgb(150,159,179)
```
#8f9cba
```
#8f9cba rgb(143,156,186)
```
#889ac1
```
#889ac1 rgb(136,154,193)
```
#8197c8
```
#8197c8 rgb(129,151,200)
```
#7a95cf
```
#7a95cf rgb(122,149,207)
```
#7392d6
```
#7392d6 rgb(115,146,214)
```
#6c8fdd
```
#6c8fdd rgb(108,143,221)
```
#658de4
```
#658de4 rgb(101,141,228)
```
#5e8aeb
```
#5e8aeb rgb(94,138,235)
```
#5788f2
```
#5788f2 rgb(87,136,242)
```
#5085f9
```
#5085f9 rgb(80,133,249)
```

Tone Color Variation

Below, you can see how #5085f9 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
#78839a Atypical Achromatopsia 0.001% of the population

Dichromacy

#518cfa Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5189f9 Protanomaly 1% of men, 0.01% of women
#1d8df5 Deuteranomaly 6% of men, 0.4% of women
#1d94c6 Tritanomaly 0.01% of the population

#5085f9 hex color

#5085f9 Color Information

#5085f9 Color Conversion

Color Schemes with #5085f9

Alternatives to #5085f9

#5085f9 Preview

Shades and Tints of #5085f9

Tones of #5085f9

Color Blindness Simulator