#506fe8 hex color

In a RGB color space, hex #506fe8 is composed of 31.4% red, 43.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 52.2% magenta, 0% yellow and 9% black. It has a hue angle of 227.8 degrees, a saturation of 76.8% and a lightness of 61.2%. #506fe8 color hex could be obtained by blending #a0deff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 44
- B 91
RGB color chart
- C 66
- M 52
- Y 0
- K 9
CMYK color chart

● #506fe8 color description : Soft blue.

The hexadecimal color #506fe8 has RGB values of R:80, G:111, B:232 and CMYK values of C:0.66, M:0.52, Y:0, K:0.09. Its decimal value is 5271528.

Hex triplet	506fe8	`#506fe8`
RGB Decimal	80, 111, 232	`rgb(80,111,232)`
RGB Percent	31.4, 43.5, 91	`rgb(31.4%,43.5%,91%)`
CMYK	66, 52, 0, 9
HSL	227.8°, 76.8, 61.2	`hsl(227.8,76.8%,61.2%)`
HSV (or HSB)	227.8°, 65.5, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.569, 27.129, -64.749
XYZ	23.555, 18.899, 78.746
xyY	0.194, 0.156, 18.899
CIE-LCH	50.569, 70.202, 292.733
CIE-LUV	50.569, -16.048, -102.063
Hunter-Lab	43.473, 20.639, -76.965
Binary	01010000, 01101111, 11101000

#506fe8
```
#506fe8 rgb(80,111,232)
```
#e8c950
```
#e8c950 rgb(232,201,80)
```

Complementary Color

#50bbe8
```
#50bbe8 rgb(80,187,232)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#7d50e8
```
#7d50e8 rgb(125,80,232)
```

Analogous Color

#bbe850
```
#bbe850 rgb(187,232,80)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#e87d50
```
#e87d50 rgb(232,125,80)
```

Split Complementary Color

#6fe850
```
#6fe850 rgb(111,232,80)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#e8506f
```
#e8506f rgb(232,80,111)
```

Triadic Color

#50e8c9
```
#50e8c9 rgb(80,232,201)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#e8506f
```
#e8506f rgb(232,80,111)
```
#e8c950
```
#e8c950 rgb(232,201,80)
```

Tetradic Color

#1b40d0
```
#1b40d0 rgb(27,64,208)
```
#234ae2
```
#234ae2 rgb(35,74,226)
```
#395ce5
```
#395ce5 rgb(57,92,229)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#6782eb
```
#6782eb rgb(103,130,235)
```
#7d94ee
```
#7d94ee rgb(125,148,238)
```
#94a7f1
```
#94a7f1 rgb(148,167,241)
```

Monochromatic Color

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

#5095e8
```
#5095e8 rgb(80,149,232)
```
#5088e8
```
#5088e8 rgb(80,136,232)
```
#507ce8
```
#507ce8 rgb(80,124,232)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#5062e8
```
#5062e8 rgb(80,98,232)
```
#5056e8
```
#5056e8 rgb(80,86,232)
```
#5750e8
```
#5750e8 rgb(87,80,232)
```

Similar Colors

Text with hexadecimal color #506fe8

This text has a font color of #506fe8.

<span style="color:#506fe8;">Text here</span>

#506fe8 background color

This paragraph has a background color of #506fe8.

<p style="background-color:#506fe8;">Content here</p>

#506fe8 border color

This element has a border color of #506fe8.

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

CSS codes

.text {color:#506fe8;}

.background {background-color:#506fe8;}

.border {border:1px solid #506fe8;}

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

#020510
```
#020510 rgb(2,5,16)
```
#040a21
```
#040a21 rgb(4,10,33)
```
#071032
```
#071032 rgb(7,16,50)
```
#091544
```
#091544 rgb(9,21,68)
```
#0b1a55
```
#0b1a55 rgb(11,26,85)
```
#0d2066
```
#0d2066 rgb(13,32,102)
```
#102578
```
#102578 rgb(16,37,120)
```
#122a89
```
#122a89 rgb(18,42,137)
```
#14309a
```
#14309a rgb(20,48,154)
```
#1735ac
```
#1735ac rgb(23,53,172)
```
#193abd
```
#193abd rgb(25,58,189)
```
#1b40ce
```
#1b40ce rgb(27,64,206)
```
#1d45e0
```
#1d45e0 rgb(29,69,224)
```

Shade Color Variation

#2d52e3
```
#2d52e3 rgb(45,82,227)
```
#3f61e6
```
#3f61e6 rgb(63,97,230)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#617dea
```
#617dea rgb(97,125,234)
```
#738ced
```
#738ced rgb(115,140,237)
```
#849aef
```
#849aef rgb(132,154,239)
```
#95a8f1
```
#95a8f1 rgb(149,168,241)
```
#a7b6f3
```
#a7b6f3 rgb(167,182,243)
```
#b8c5f6
```
#b8c5f6 rgb(184,197,246)
```
#c9d3f8
```
#c9d3f8 rgb(201,211,248)
```
#dbe1fa
```
#dbe1fa rgb(219,225,250)
```
#eceffd
```
#eceffd rgb(236,239,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9598a3 is the less saturated color, while #3961ff is the most saturated one.

#9598a3
```
#9598a3 rgb(149,152,163)
```
#8d93ab
```
#8d93ab rgb(141,147,171)
```
#858fb3
```
#858fb3 rgb(133,143,179)
```
#7e8aba
```
#7e8aba rgb(126,138,186)
```
#7686c2
```
#7686c2 rgb(118,134,194)
```
#6e81ca
```
#6e81ca rgb(110,129,202)
```
#677dd1
```
#677dd1 rgb(103,125,209)
```
#5f78d9
```
#5f78d9 rgb(95,120,217)
```
#5874e0
```
#5874e0 rgb(88,116,224)
```
#506fe8
```
#506fe8 rgb(80,111,232)
```
#486af0
```
#486af0 rgb(72,106,240)
```
#4166f7
```
#4166f7 rgb(65,102,247)
```
#3961ff
```
#3961ff rgb(57,97,255)
```

Tone Color Variation

Below, you can see how #506fe8 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

#747474 Achromatopsia 0.005% of the population
#6d738b Atypical Achromatopsia 0.001% of the population

Dichromacy

#267bed Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#3576eb Protanomaly 1% of men, 0.01% of women
#1d7bdc Deuteranomaly 6% of men, 0.4% of women
#1d81b3 Tritanomaly 0.01% of the population

#506fe8 hex color

#506fe8 Color Information

#506fe8 Color Conversion

Color Schemes with #506fe8

Alternatives to #506fe8

#506fe8 Preview

Shades and Tints of #506fe8

Tones of #506fe8

Color Blindness Simulator