#505df6 hex color

In a RGB color space, hex #505df6 is composed of 31.4% red, 36.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 62.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 235.3 degrees, a saturation of 90.2% and a lightness of 63.9%. #505df6 color hex could be obtained by blending #a0baff with #0000ed. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 36
- B 96
RGB color chart
- C 67
- M 62
- Y 0
- K 4
CMYK color chart

● #505df6 color description : Soft blue.

The hexadecimal color #505df6 has RGB values of R:80, G:93, B:246 and CMYK values of C:0.67, M:0.62, Y:0, K:0.04. Its decimal value is 5266934.

Hex triplet	505df6	`#505df6`
RGB Decimal	80, 93, 246	`rgb(80,93,246)`
RGB Percent	31.4, 36.5, 96.5	`rgb(31.4%,36.5%,96.5%)`
CMYK	67, 62, 0, 4
HSL	235.3°, 90.2, 63.9	`hsl(235.3,90.2%,63.9%)`
HSV (or HSB)	235.3°, 67.5, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.218, 42.893, -78.038
XYZ	23.854, 16.187, 89.051
xyY	0.185, 0.125, 16.187
CIE-LCH	47.218, 89.049, 298.795
CIE-LUV	47.218, -11.721, -119.962
Hunter-Lab	40.233, 35.425, -103.07
Binary	01010000, 01011101, 11110110

#505df6
```
#505df6 rgb(80,93,246)
```
#f6e950
```
#f6e950 rgb(246,233,80)
```

Complementary Color

#50b0f6
```
#50b0f6 rgb(80,176,246)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#9650f6
```
#9650f6 rgb(150,80,246)
```

Analogous Color

#b0f650
```
#b0f650 rgb(176,246,80)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#f69650
```
#f69650 rgb(246,150,80)
```

Split Complementary Color

#5df650
```
#5df650 rgb(93,246,80)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#f6505d
```
#f6505d rgb(246,80,93)
```

Triadic Color

#50f6e9
```
#50f6e9 rgb(80,246,233)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#f6505d
```
#f6505d rgb(246,80,93)
```
#f6e950
```
#f6e950 rgb(246,233,80)
```

Tetradic Color

#0c1eed
```
#0c1eed rgb(12,30,237)
```
#1f30f4
```
#1f30f4 rgb(31,48,244)
```
#3847f5
```
#3847f5 rgb(56,71,245)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#6873f7
```
#6873f7 rgb(104,115,247)
```
#818af8
```
#818af8 rgb(129,138,248)
```
#99a0fa
```
#99a0fa rgb(153,160,250)
```

Monochromatic Color

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

#5087f6
```
#5087f6 rgb(80,135,246)
```
#5079f6
```
#5079f6 rgb(80,121,246)
```
#506bf6
```
#506bf6 rgb(80,107,246)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#5150f6
```
#5150f6 rgb(81,80,246)
```
#5f50f6
```
#5f50f6 rgb(95,80,246)
```
#6d50f6
```
#6d50f6 rgb(109,80,246)
```

Similar Colors

Text with hexadecimal color #505df6

This text has a font color of #505df6.

<span style="color:#505df6;">Text here</span>

#505df6 background color

This paragraph has a background color of #505df6.

<p style="background-color:#505df6;">Content here</p>

#505df6 border color

This element has a border color of #505df6.

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

CSS codes

.text {color:#505df6;}

.background {background-color:#505df6;}

.border {border:1px solid #505df6;}

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, #01010c is the darkest color, while #f8f8ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#02041e
```
#02041e rgb(2,4,30)
```
#030631
```
#030631 rgb(3,6,49)
```
#030844
```
#030844 rgb(3,8,68)
```
#040b56
```
#040b56 rgb(4,11,86)
```
#050d69
```
#050d69 rgb(5,13,105)
```
#06107b
```
#06107b rgb(6,16,123)
```
#07128e
```
#07128e rgb(7,18,142)
```
#0814a1
```
#0814a1 rgb(8,20,161)
```
#0917b3
```
#0917b3 rgb(9,23,179)
```
#0a19c6
```
#0a19c6 rgb(10,25,198)
```
#0b1bd9
```
#0b1bd9 rgb(11,27,217)
```
#0c1eeb
```
#0c1eeb rgb(12,30,235)
```

Shade Color Variation

#1829f3
```
#1829f3 rgb(24,41,243)
```
#2b3af4
```
#2b3af4 rgb(43,58,244)
```
#3d4cf5
```
#3d4cf5 rgb(61,76,245)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#636ef7
```
#636ef7 rgb(99,110,247)
```
#7580f8
```
#7580f8 rgb(117,128,248)
```
#8891f9
```
#8891f9 rgb(136,145,249)
```
#9ba2fa
```
#9ba2fa rgb(155,162,250)
```
#adb3fb
```
#adb3fb rgb(173,179,251)
```
#c0c5fc
```
#c0c5fc rgb(192,197,252)
```
#d3d6fd
```
#d3d6fd rgb(211,214,253)
```
#e5e7fe
```
#e5e7fe rgb(229,231,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#9e9fa8
```
#9e9fa8 rgb(158,159,168)
```
#9799af
```
#9799af rgb(151,153,175)
```
#9093b6
```
#9093b6 rgb(144,147,182)
```
#898dbd
```
#898dbd rgb(137,141,189)
```
#8287c4
```
#8287c4 rgb(130,135,196)
```
#7a81cc
```
#7a81cc rgb(122,129,204)
```
#737bd3
```
#737bd3 rgb(115,123,211)
```
#6c75da
```
#6c75da rgb(108,117,218)
```
#656fe1
```
#656fe1 rgb(101,111,225)
```
#5e69e8
```
#5e69e8 rgb(94,105,232)
```
#5763ef
```
#5763ef rgb(87,99,239)
```
#505df6
```
#505df6 rgb(80,93,246)
```
#4957fd
```
#4957fd rgb(73,87,253)
```

Tone Color Variation

Below, you can see how #505df6 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

#6b6b6b Achromatopsia 0.005% of the population
#666887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#1d6be9 Protanomaly 1% of men, 0.01% of women
#1d6fd7 Deuteranomaly 6% of men, 0.4% of women
#1d75b2 Tritanomaly 0.01% of the population

#505df6 hex color

#505df6 Color Information

#505df6 Color Conversion

Color Schemes with #505df6

Alternatives to #505df6

#505df6 Preview

Shades and Tints of #505df6

Tones of #505df6

Color Blindness Simulator