#506eec hex color

In a RGB color space, hex #506eec is composed of 31.4% red, 43.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 53.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 228.5 degrees, a saturation of 80.4% and a lightness of 62%. #506eec color hex could be obtained by blending #a0dcff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 43
- B 93
RGB color chart
- C 66
- M 53
- Y 0
- K 7
CMYK color chart

● #506eec color description : Soft blue.

The hexadecimal color #506eec has RGB values of R:80, G:110, B:236 and CMYK values of C:0.66, M:0.53, Y:0, K:0.07. Its decimal value is 5271276.

Hex triplet	506eec	`#506eec`
RGB Decimal	80, 110, 236	`rgb(80,110,236)`
RGB Percent	31.4, 43.1, 92.5	`rgb(31.4%,43.1%,92.5%)`
CMYK	66, 53, 0, 7
HSL	228.5°, 80.4, 62	`hsl(228.5,80.4%,62%)`
HSV (or HSB)	228.5°, 66.1, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.584, 29.123, -66.967
XYZ	24.021, 18.912, 81.737
xyY	0.193, 0.152, 18.912
CIE-LCH	50.584, 73.025, 293.503
CIE-LUV	50.584, -15.821, -105.542
Hunter-Lab	43.488, 22.494, -80.995
Binary	01010000, 01101110, 11101100

#506eec
```
#506eec rgb(80,110,236)
```
#ecce50
```
#ecce50 rgb(236,206,80)
```

Complementary Color

#50bcec
```
#50bcec rgb(80,188,236)
```
#506eec
```
#506eec rgb(80,110,236)
```
#8050ec
```
#8050ec rgb(128,80,236)
```

Analogous Color

#bcec50
```
#bcec50 rgb(188,236,80)
```
#506eec
```
#506eec rgb(80,110,236)
```
#ec8050
```
#ec8050 rgb(236,128,80)
```

Split Complementary Color

#6eec50
```
#6eec50 rgb(110,236,80)
```
#506eec
```
#506eec rgb(80,110,236)
```
#ec506e
```
#ec506e rgb(236,80,110)
```

Triadic Color

#50ecce
```
#50ecce rgb(80,236,206)
```
#506eec
```
#506eec rgb(80,110,236)
```
#ec506e
```
#ec506e rgb(236,80,110)
```
#ecce50
```
#ecce50 rgb(236,206,80)
```

Tetradic Color

#173cd8
```
#173cd8 rgb(23,60,216)
```
#2248e7
```
#2248e7 rgb(34,72,231)
```
#395bea
```
#395bea rgb(57,91,234)
```
#506eec
```
#506eec rgb(80,110,236)
```
#6781ee
```
#6781ee rgb(103,129,238)
```
#7e94f1
```
#7e94f1 rgb(126,148,241)
```
#95a7f3
```
#95a7f3 rgb(149,167,243)
```

Monochromatic Color

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

#5095ec
```
#5095ec rgb(80,149,236)
```
#5088ec
```
#5088ec rgb(80,136,236)
```
#507bec
```
#507bec rgb(80,123,236)
```
#506eec
```
#506eec rgb(80,110,236)
```
#5061ec
```
#5061ec rgb(80,97,236)
```
#5054ec
```
#5054ec rgb(80,84,236)
```
#5950ec
```
#5950ec rgb(89,80,236)
```

Similar Colors

Text with hexadecimal color #506eec

This text has a font color of #506eec.

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

#506eec background color

This paragraph has a background color of #506eec.

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

#506eec border color

This element has a border color of #506eec.

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

CSS codes

.text {color:#506eec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020514
```
#020514 rgb(2,5,20)
```
#040a25
```
#040a25 rgb(4,10,37)
```
#060f37
```
#060f37 rgb(6,15,55)
```
#081449
```
#081449 rgb(8,20,73)
```
#0a195a
```
#0a195a rgb(10,25,90)
```
#0c1e6c
```
#0c1e6c rgb(12,30,108)
```
#0e237e
```
#0e237e rgb(14,35,126)
```
#10288f
```
#10288f rgb(16,40,143)
```
#122da1
```
#122da1 rgb(18,45,161)
```
#1332b3
```
#1332b3 rgb(19,50,179)
```
#1537c5
```
#1537c5 rgb(21,55,197)
```
#173cd6
```
#173cd6 rgb(23,60,214)
```

Shade Color Variation

#1b42e6
```
#1b42e6 rgb(27,66,230)
```
#2d51e8
```
#2d51e8 rgb(45,81,232)
```
#3e5fea
```
#3e5fea rgb(62,95,234)
```
#506eec
```
#506eec rgb(80,110,236)
```
#627dee
```
#627dee rgb(98,125,238)
```
#738bf0
```
#738bf0 rgb(115,139,240)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#97a9f4
```
#97a9f4 rgb(151,169,244)
```
#a8b7f6
```
#a8b7f6 rgb(168,183,246)
```
#bac6f8
```
#bac6f8 rgb(186,198,248)
```
#ccd5f9
```
#ccd5f9 rgb(204,213,249)
```
#dee3fb
```
#dee3fb rgb(222,227,251)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#9b9ca1
```
#9b9ca1 rgb(155,156,161)
```
#9397a9
```
#9397a9 rgb(147,151,169)
```
#8c93b0
```
#8c93b0 rgb(140,147,176)
```
#848eb8
```
#848eb8 rgb(132,142,184)
```
#7d8abf
```
#7d8abf rgb(125,138,191)
```
#7585c7
```
#7585c7 rgb(117,133,199)
```
#6e80ce
```
#6e80ce rgb(110,128,206)
```
#667cd6
```
#667cd6 rgb(102,124,214)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#5773e5
```
#5773e5 rgb(87,115,229)
```
#506eec
```
#506eec rgb(80,110,236)
```
#4969f3
```
#4969f3 rgb(73,105,243)
```
#4165fb
```
#4165fb rgb(65,101,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6c728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#1d76f0 Protanomaly 1% of men, 0.01% of women
#1d7add Deuteranomaly 6% of men, 0.4% of women
#1d80b4 Tritanomaly 0.01% of the population

#506eec hex color

#506eec Color Information

#506eec Color Conversion

Color Schemes with #506eec

Alternatives to #506eec

#506eec Preview

Shades and Tints of #506eec

Tones of #506eec

Color Blindness Simulator