#5085de hex color

In a RGB color space, hex #5085de is composed of 31.4% red, 52.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 40.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 217.6 degrees, a saturation of 68.3% and a lightness of 59.2%. #5085de color hex could be obtained by blending #a0ffff with #000bbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 52
- B 87
RGB color chart
- C 64
- M 40
- Y 0
- K 13
CMYK color chart

● #5085de color description : Soft blue.

The hexadecimal color #5085de has RGB values of R:80, G:133, B:222 and CMYK values of C:0.64, M:0.4, Y:0, K:0.13. Its decimal value is 5277150.

Hex triplet	5085de	`#5085de`
RGB Decimal	80, 133, 222	`rgb(80,133,222)`
RGB Percent	31.4, 52.2, 87.1	`rgb(31.4%,52.2%,87.1%)`
CMYK	64, 40, 0, 13
HSL	217.6°, 68.3, 59.2	`hsl(217.6,68.3%,59.2%)`
HSV (or HSB)	217.6°, 64, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.84, 10.183, -50.685
XYZ	24.878, 23.753, 72.377
xyY	0.206, 0.196, 23.753
CIE-LCH	55.84, 51.698, 281.36
CIE-LUV	55.84, -22.879, -80.6
Hunter-Lab	48.737, 5.825, -53.933
Binary	01010000, 10000101, 11011110

#5085de
```
#5085de rgb(80,133,222)
```
#dea950
```
#dea950 rgb(222,169,80)
```

Complementary Color

#50ccde
```
#50ccde rgb(80,204,222)
```
#5085de
```
#5085de rgb(80,133,222)
```
#6250de
```
#6250de rgb(98,80,222)
```

Analogous Color

#ccde50
```
#ccde50 rgb(204,222,80)
```
#5085de
```
#5085de rgb(80,133,222)
```
#de6250
```
#de6250 rgb(222,98,80)
```

Split Complementary Color

#85de50
```
#85de50 rgb(133,222,80)
```
#5085de
```
#5085de rgb(80,133,222)
```
#de5085
```
#de5085 rgb(222,80,133)
```

Triadic Color

#50dea9
```
#50dea9 rgb(80,222,169)
```
#5085de
```
#5085de rgb(80,133,222)
```
#de5085
```
#de5085 rgb(222,80,133)
```
#dea950
```
#dea950 rgb(222,169,80)
```

Tetradic Color

#245dbe
```
#245dbe rgb(36,93,190)
```
#2868d3
```
#2868d3 rgb(40,104,211)
```
#3b76da
```
#3b76da rgb(59,118,218)
```
#5085de
```
#5085de rgb(80,133,222)
```
#6594e2
```
#6594e2 rgb(101,148,226)
```
#7ba3e6
```
#7ba3e6 rgb(123,163,230)
```
#90b2ea
```
#90b2ea rgb(144,178,234)
```

Monochromatic Color

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

#50a9de
```
#50a9de rgb(80,169,222)
```
#509dde
```
#509dde rgb(80,157,222)
```
#5091de
```
#5091de rgb(80,145,222)
```
#5085de
```
#5085de rgb(80,133,222)
```
#5079de
```
#5079de rgb(80,121,222)
```
#506dde
```
#506dde rgb(80,109,222)
```
#5062de
```
#5062de rgb(80,98,222)
```

Similar Colors

Text with hexadecimal color #5085de

This text has a font color of #5085de.

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

#5085de background color

This paragraph has a background color of #5085de.

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

#5085de border color

This element has a border color of #5085de.

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

CSS codes

.text {color:#5085de;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040b17
```
#040b17 rgb(4,11,23)
```
#071328
```
#071328 rgb(7,19,40)
```
#0b1c38
```
#0b1c38 rgb(11,28,56)
```
#0e2449
```
#0e2449 rgb(14,36,73)
```
#112c59
```
#112c59 rgb(17,44,89)
```
#14346a
```
#14346a rgb(20,52,106)
```
#173c7a
```
#173c7a rgb(23,60,122)
```
#1a448b
```
#1a448b rgb(26,68,139)
```
#1d4c9b
```
#1d4c9b rgb(29,76,155)
```
#2054ac
```
#2054ac rgb(32,84,172)
```
#235cbc
```
#235cbc rgb(35,92,188)
```
#2765cd
```
#2765cd rgb(39,101,205)
```

Shade Color Variation

#2f6ed8
```
#2f6ed8 rgb(47,110,216)
```
#3f79db
```
#3f79db rgb(63,121,219)
```
#5085de
```
#5085de rgb(80,133,222)
```
#6191e1
```
#6191e1 rgb(97,145,225)
```
#719ce4
```
#719ce4 rgb(113,156,228)
```
#82a8e7
```
#82a8e7 rgb(130,168,231)
```
#92b3ea
```
#92b3ea rgb(146,179,234)
```
#a3bfee
```
#a3bfee rgb(163,191,238)
```
#b3caf1
```
#b3caf1 rgb(179,202,241)
```
#c4d6f4
```
#c4d6f4 rgb(196,214,244)
```
#d4e1f7
```
#d4e1f7 rgb(212,225,247)
```
#e5edfa
```
#e5edfa rgb(229,237,250)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90959e is the less saturated color, while #307dfe is the most saturated one.

#90959e
```
#90959e rgb(144,149,158)
```
#8893a6
```
#8893a6 rgb(136,147,166)
```
#8091ae
```
#8091ae rgb(128,145,174)
```
#788fb6
```
#788fb6 rgb(120,143,182)
```
#708dbe
```
#708dbe rgb(112,141,190)
```
#688bc6
```
#688bc6 rgb(104,139,198)
```
#6089ce
```
#6089ce rgb(96,137,206)
```
#5887d6
```
#5887d6 rgb(88,135,214)
```
#5085de
```
#5085de rgb(80,133,222)
```
#4883e6
```
#4883e6 rgb(72,131,230)
```
#4081ee
```
#4081ee rgb(64,129,238)
```
#387ff6
```
#387ff6 rgb(56,127,246)
```
#307dfe
```
#307dfe rgb(48,125,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#768092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6689de Protanopia 1% of men
#4d8dde Deuteranopia 1% of men
#2998a4 Tritanopia 0.001% of the population

Trichromacy

#5e87de Protanomaly 1% of men, 0.01% of women
#4e8ade Deuteranomaly 6% of men, 0.4% of women
#3791b9 Tritanomaly 0.01% of the population

#5085de hex color

#5085de Color Information

#5085de Color Conversion

Color Schemes with #5085de

Alternatives to #5085de

#5085de Preview

Shades and Tints of #5085de

Tones of #5085de

Color Blindness Simulator