#506bfe hex color

In a RGB color space, hex #506bfe is composed of 31.4% red, 42% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 57.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 230.7 degrees, a saturation of 98.9% and a lightness of 65.5%. #506bfe color hex could be obtained by blending #a0d6ff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 42
- B 100
RGB color chart
- C 69
- M 58
- Y 0
- K 0
CMYK color chart

● #506bfe color description : Soft blue.

The hexadecimal color #506bfe has RGB values of R:80, G:107, B:254 and CMYK values of C:0.69, M:0.58, Y:0, K:0. Its decimal value is 5270526.

Hex triplet	506bfe	`#506bfe`
RGB Decimal	80, 107, 254	`rgb(80,107,254)`
RGB Percent	31.4, 42, 99.6	`rgb(31.4%,42%,99.6%)`
CMYK	69, 58, 0, 0
HSL	230.7°, 98.9, 65.5	`hsl(230.7,98.9%,65.5%)`
HSV (or HSB)	230.7°, 68.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.123, 37.12, -76.12
XYZ	26.452, 19.375, 96.106
xyY	0.186, 0.137, 19.375
CIE-LCH	51.123, 84.688, 295.996
CIE-LUV	51.123, -15.33, -119.828
Hunter-Lab	44.017, 30.238, -98.641
Binary	01010000, 01101011, 11111110

#506bfe
```
#506bfe rgb(80,107,254)
```
#fee350
```
#fee350 rgb(254,227,80)
```

Complementary Color

#50c2fe
```
#50c2fe rgb(80,194,254)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#8c50fe
```
#8c50fe rgb(140,80,254)
```

Analogous Color

#c2fe50
```
#c2fe50 rgb(194,254,80)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#fe8c50
```
#fe8c50 rgb(254,140,80)
```

Split Complementary Color

#6bfe50
```
#6bfe50 rgb(107,254,80)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#fe506b
```
#fe506b rgb(254,80,107)
```

Triadic Color

#50fee3
```
#50fee3 rgb(80,254,227)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#fe506b
```
#fe506b rgb(254,80,107)
```
#fee350
```
#fee350 rgb(254,227,80)
```

Tetradic Color

#042bfe
```
#042bfe rgb(4,43,254)
```
#1d40fe
```
#1d40fe rgb(29,64,254)
```
#3756fe
```
#3756fe rgb(55,86,254)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#6980fe
```
#6980fe rgb(105,128,254)
```
#8396fe
```
#8396fe rgb(131,150,254)
```
#9cabfe
```
#9cabfe rgb(156,171,254)
```

Monochromatic Color

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

#5097fe
```
#5097fe rgb(80,151,254)
```
#5088fe
```
#5088fe rgb(80,136,254)
```
#507afe
```
#507afe rgb(80,122,254)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#505dfe
```
#505dfe rgb(80,93,254)
```
#5250fe
```
#5250fe rgb(82,80,254)
```
#6050fe
```
#6050fe rgb(96,80,254)
```

Similar Colors

Text with hexadecimal color #506bfe

This text has a font color of #506bfe.

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

#506bfe background color

This paragraph has a background color of #506bfe.

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

#506bfe border color

This element has a border color of #506bfe.

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

CSS codes

.text {color:#506bfe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000314
```
#000314 rgb(0,3,20)
```
#000628
```
#000628 rgb(0,6,40)
```
#00093b
```
#00093b rgb(0,9,59)
```
#000d4f
```
#000d4f rgb(0,13,79)
```
#011062
```
#011062 rgb(1,16,98)
```
#011376
```
#011376 rgb(1,19,118)
```
#011689
```
#011689 rgb(1,22,137)
```
#01199d
```
#01199d rgb(1,25,157)
```
#011cb0
```
#011cb0 rgb(1,28,176)
```
#011fc4
```
#011fc4 rgb(1,31,196)
```
#0122d7
```
#0122d7 rgb(1,34,215)
```
#0126eb
```
#0126eb rgb(1,38,235)
```

Shade Color Variation

#0229fe
```
#0229fe rgb(2,41,254)
```
#153afe
```
#153afe rgb(21,58,254)
```
#294afe
```
#294afe rgb(41,74,254)
```
#3c5bfe
```
#3c5bfe rgb(60,91,254)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#647bfe
```
#647bfe rgb(100,123,254)
```
#778cfe
```
#778cfe rgb(119,140,254)
```
#8b9cfe
```
#8b9cfe rgb(139,156,254)
```
#9eadfe
```
#9eadfe rgb(158,173,254)
```
#b2bdff
```
#b2bdff rgb(178,189,255)
```
#c5ceff
```
#c5ceff rgb(197,206,255)
```
#d9deff
```
#d9deff rgb(217,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a3ad is the less saturated color, while #506bfe is the most saturated one.

#a1a3ad
```
#a1a3ad rgb(161,163,173)
```
#9a9eb4
```
#9a9eb4 rgb(154,158,180)
```
#949aba
```
#949aba rgb(148,154,186)
```
#8d95c1
```
#8d95c1 rgb(141,149,193)
```
#8690c8
```
#8690c8 rgb(134,144,200)
```
#7f8ccf
```
#7f8ccf rgb(127,140,207)
```
#7987d5
```
#7987d5 rgb(121,135,213)
```
#7282dc
```
#7282dc rgb(114,130,220)
```
#6b7ee3
```
#6b7ee3 rgb(107,126,227)
```
#6479ea
```
#6479ea rgb(100,121,234)
```
#5e74f0
```
#5e74f0 rgb(94,116,240)
```
#5770f7
```
#5770f7 rgb(87,112,247)
```
#506bfe
```
#506bfe rgb(80,107,254)
```

Tone Color Variation

Below, you can see how #506bfe 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
#6d7290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#1d76f7 Protanomaly 1% of men, 0.01% of women
#1d7ae4 Deuteranomaly 6% of men, 0.4% of women
#1d80bc Tritanomaly 0.01% of the population

#506bfe hex color

#506bfe Color Information

#506bfe Color Conversion

Color Schemes with #506bfe

Alternatives to #506bfe

#506bfe Preview

Shades and Tints of #506bfe

Tones of #506bfe

Color Blindness Simulator