#506bec hex color

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

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

● #506bec color description : Soft blue.

The hexadecimal color #506bec has RGB values of R:80, G:107, B:236 and CMYK values of C:0.66, M:0.55, Y:0, K:0.07. Its decimal value is 5270508.

Hex triplet	506bec	`#506bec`
RGB Decimal	80, 107, 236	`rgb(80,107,236)`
RGB Percent	31.4, 42, 92.5	`rgb(31.4%,42%,92.5%)`
CMYK	66, 55, 0, 7
HSL	229.6°, 80.4, 62	`hsl(229.6,80.4%,62%)`
HSV (or HSB)	229.6°, 66.1, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.829, 30.977, -68.191
XYZ	23.703, 18.276, 81.631
xyY	0.192, 0.148, 18.276
CIE-LCH	49.829, 74.897, 294.431
CIE-LUV	49.829, -14.992, -107.06
Hunter-Lab	42.75, 24.159, -83.289
Binary	01010000, 01101011, 11101100

#506bec
```
#506bec rgb(80,107,236)
```
#ecd150
```
#ecd150 rgb(236,209,80)
```

Complementary Color

#50b9ec
```
#50b9ec rgb(80,185,236)
```
#506bec
```
#506bec rgb(80,107,236)
```
#8350ec
```
#8350ec rgb(131,80,236)
```

Analogous Color

#b9ec50
```
#b9ec50 rgb(185,236,80)
```
#506bec
```
#506bec rgb(80,107,236)
```
#ec8350
```
#ec8350 rgb(236,131,80)
```

Split Complementary Color

#6bec50
```
#6bec50 rgb(107,236,80)
```
#506bec
```
#506bec rgb(80,107,236)
```
#ec506b
```
#ec506b rgb(236,80,107)
```

Triadic Color

#50ecd1
```
#50ecd1 rgb(80,236,209)
```
#506bec
```
#506bec rgb(80,107,236)
```
#ec506b
```
#ec506b rgb(236,80,107)
```
#ecd150
```
#ecd150 rgb(236,209,80)
```

Tetradic Color

#1739d8
```
#1739d8 rgb(23,57,216)
```
#2244e7
```
#2244e7 rgb(34,68,231)
```
#3958ea
```
#3958ea rgb(57,88,234)
```
#506bec
```
#506bec rgb(80,107,236)
```
#677eee
```
#677eee rgb(103,126,238)
```
#7e92f1
```
#7e92f1 rgb(126,146,241)
```
#95a5f3
```
#95a5f3 rgb(149,165,243)
```

Monochromatic Color

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

#5092ec
```
#5092ec rgb(80,146,236)
```
#5085ec
```
#5085ec rgb(80,133,236)
```
#5078ec
```
#5078ec rgb(80,120,236)
```
#506bec
```
#506bec rgb(80,107,236)
```
#505eec
```
#505eec rgb(80,94,236)
```
#5051ec
```
#5051ec rgb(80,81,236)
```
#5c50ec
```
#5c50ec rgb(92,80,236)
```

Similar Colors

Text with hexadecimal color #506bec

This text has a font color of #506bec.

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

#506bec background color

This paragraph has a background color of #506bec.

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

#506bec border color

This element has a border color of #506bec.

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

CSS codes

.text {color:#506bec;}

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

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

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)
```
#060e37
```
#060e37 rgb(6,14,55)
```
#081349
```
#081349 rgb(8,19,73)
```
#0a185a
```
#0a185a rgb(10,24,90)
```
#0c1c6c
```
#0c1c6c rgb(12,28,108)
```
#0e217e
```
#0e217e rgb(14,33,126)
```
#10268f
```
#10268f rgb(16,38,143)
```
#122aa1
```
#122aa1 rgb(18,42,161)
```
#132fb3
```
#132fb3 rgb(19,47,179)
```
#1534c5
```
#1534c5 rgb(21,52,197)
```
#1738d6
```
#1738d6 rgb(23,56,214)
```

Shade Color Variation

#1b3ee6
```
#1b3ee6 rgb(27,62,230)
```
#2d4de8
```
#2d4de8 rgb(45,77,232)
```
#3e5cea
```
#3e5cea rgb(62,92,234)
```
#506bec
```
#506bec rgb(80,107,236)
```
#627aee
```
#627aee rgb(98,122,238)
```
#7389f0
```
#7389f0 rgb(115,137,240)
```
#8598f2
```
#8598f2 rgb(133,152,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 #4161fb 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)
```
#7d88bf
```
#7d88bf rgb(125,136,191)
```
#7583c7
```
#7583c7 rgb(117,131,199)
```
#6e7fce
```
#6e7fce rgb(110,127,206)
```
#667ad6
```
#667ad6 rgb(102,122,214)
```
#5f75dd
```
#5f75dd rgb(95,117,221)
```
#5770e5
```
#5770e5 rgb(87,112,229)
```
#506bec
```
#506bec rgb(80,107,236)
```
#4966f3
```
#4966f3 rgb(73,102,243)
```
#4161fb
```
#4161fb rgb(65,97,251)
```

Tone Color Variation

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

#0079ee Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#1d74ed Protanomaly 1% of men, 0.01% of women
#1d78db Deuteranomaly 6% of men, 0.4% of women
#1d7eb3 Tritanomaly 0.01% of the population

#506bec hex color

#506bec Color Information

#506bec Color Conversion

Color Schemes with #506bec

Alternatives to #506bec

#506bec Preview

Shades and Tints of #506bec

Tones of #506bec

Color Blindness Simulator