#506cec hex color

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

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

● #506cec color description : Soft blue.

The hexadecimal color #506cec has RGB values of R:80, G:108, B:236 and CMYK values of C:0.66, M:0.54, Y:0, K:0.07. Its decimal value is 5270764.

Hex triplet	506cec	`#506cec`
RGB Decimal	80, 108, 236	`rgb(80,108,236)`
RGB Percent	31.4, 42.4, 92.5	`rgb(31.4%,42.4%,92.5%)`
CMYK	66, 54, 0, 7
HSL	229.2°, 80.4, 62	`hsl(229.2,80.4%,62%)`
HSV (or HSB)	229.2°, 66.1, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.08, 30.359, -67.784
XYZ	23.808, 18.485, 81.666
xyY	0.192, 0.149, 18.485
CIE-LCH	50.08, 74.272, 294.126
CIE-LUV	50.08, -15.266, -106.562
Hunter-Lab	42.995, 23.603, -82.522
Binary	01010000, 01101100, 11101100

#506cec
```
#506cec rgb(80,108,236)
```
#ecd050
```
#ecd050 rgb(236,208,80)
```

Complementary Color

#50baec
```
#50baec rgb(80,186,236)
```
#506cec
```
#506cec rgb(80,108,236)
```
#8250ec
```
#8250ec rgb(130,80,236)
```

Analogous Color

#baec50
```
#baec50 rgb(186,236,80)
```
#506cec
```
#506cec rgb(80,108,236)
```
#ec8250
```
#ec8250 rgb(236,130,80)
```

Split Complementary Color

#6cec50
```
#6cec50 rgb(108,236,80)
```
#506cec
```
#506cec rgb(80,108,236)
```
#ec506c
```
#ec506c rgb(236,80,108)
```

Triadic Color

#50ecd0
```
#50ecd0 rgb(80,236,208)
```
#506cec
```
#506cec rgb(80,108,236)
```
#ec506c
```
#ec506c rgb(236,80,108)
```
#ecd050
```
#ecd050 rgb(236,208,80)
```

Tetradic Color

#173ad8
```
#173ad8 rgb(23,58,216)
```
#2245e7
```
#2245e7 rgb(34,69,231)
```
#3959ea
```
#3959ea rgb(57,89,234)
```
#506cec
```
#506cec rgb(80,108,236)
```
#677fee
```
#677fee rgb(103,127,238)
```
#7e93f1
```
#7e93f1 rgb(126,147,241)
```
#95a6f3
```
#95a6f3 rgb(149,166,243)
```

Monochromatic Color

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

#5093ec
```
#5093ec rgb(80,147,236)
```
#5086ec
```
#5086ec rgb(80,134,236)
```
#5079ec
```
#5079ec rgb(80,121,236)
```
#506cec
```
#506cec rgb(80,108,236)
```
#505fec
```
#505fec rgb(80,95,236)
```
#5052ec
```
#5052ec rgb(80,82,236)
```
#5b50ec
```
#5b50ec rgb(91,80,236)
```

Similar Colors

Text with hexadecimal color #506cec

This text has a font color of #506cec.

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

#506cec background color

This paragraph has a background color of #506cec.

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

#506cec border color

This element has a border color of #506cec.

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

CSS codes

.text {color:#506cec;}

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

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

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)
```
#0a185a
```
#0a185a rgb(10,24,90)
```
#0c1d6c
```
#0c1d6c rgb(12,29,108)
```
#0e227e
```
#0e227e rgb(14,34,126)
```
#10278f
```
#10278f rgb(16,39,143)
```
#122ba1
```
#122ba1 rgb(18,43,161)
```
#1330b3
```
#1330b3 rgb(19,48,179)
```
#1535c5
```
#1535c5 rgb(21,53,197)
```
#173ad6
```
#173ad6 rgb(23,58,214)
```

Shade Color Variation

#1b3fe6
```
#1b3fe6 rgb(27,63,230)
```
#2d4ee8
```
#2d4ee8 rgb(45,78,232)
```
#3e5dea
```
#3e5dea rgb(62,93,234)
```
#506cec
```
#506cec rgb(80,108,236)
```
#627bee
```
#627bee rgb(98,123,238)
```
#738af0
```
#738af0 rgb(115,138,240)
```
#8599f2
```
#8599f2 rgb(133,153,242)
```
#97a7f4
```
#97a7f4 rgb(151,167,244)
```
#a8b6f6
```
#a8b6f6 rgb(168,182,246)
```
#bac5f8
```
#bac5f8 rgb(186,197,248)
```
#ccd4f9
```
#ccd4f9 rgb(204,212,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 #4162fb is the most saturated one.

#9b9ca1
```
#9b9ca1 rgb(155,156,161)
```
#9397a9
```
#9397a9 rgb(147,151,169)
```
#8c92b0
```
#8c92b0 rgb(140,146,176)
```
#848db8
```
#848db8 rgb(132,141,184)
```
#7d89bf
```
#7d89bf rgb(125,137,191)
```
#7584c7
```
#7584c7 rgb(117,132,199)
```
#6e7fce
```
#6e7fce rgb(110,127,206)
```
#667ad6
```
#667ad6 rgb(102,122,214)
```
#5f76dd
```
#5f76dd rgb(95,118,221)
```
#5771e5
```
#5771e5 rgb(87,113,229)
```
#506cec
```
#506cec rgb(80,108,236)
```
#4967f3
```
#4967f3 rgb(73,103,243)
```
#4162fb
```
#4162fb rgb(65,98,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6b718a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#1d75ee Protanomaly 1% of men, 0.01% of women
#1d79dc Deuteranomaly 6% of men, 0.4% of women
#1d7fb4 Tritanomaly 0.01% of the population

#506cec hex color

#506cec Color Information

#506cec Color Conversion

Color Schemes with #506cec

Alternatives to #506cec

#506cec Preview

Shades and Tints of #506cec

Tones of #506cec

Color Blindness Simulator