#506bb7 hex color

In a RGB color space, hex #506bb7 is composed of 31.4% red, 42% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 41.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 224.3 degrees, a saturation of 41.7% and a lightness of 51.6%. #506bb7 color hex could be obtained by blending #a0d6ff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 42
- B 72
RGB color chart
- C 56
- M 42
- Y 0
- K 28
CMYK color chart

● #506bb7 color description : Moderate blue.

The hexadecimal color #506bb7 has RGB values of R:80, G:107, B:183 and CMYK values of C:0.56, M:0.42, Y:0, K:0.28. Its decimal value is 5270455.

Hex triplet	506bb7	`#506bb7`
RGB Decimal	80, 107, 183	`rgb(80,107,183)`
RGB Percent	31.4, 42, 71.8	`rgb(31.4%,42%,71.8%)`
CMYK	56, 42, 0, 28
HSL	224.3°, 41.7, 51.6	`hsl(224.3,41.7%,51.6%)`
HSV (or HSB)	224.3°, 56.3, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.497, 12.943, -43.305
XYZ	17.111, 15.639, 46.914
xyY	0.215, 0.196, 15.639
CIE-LCH	46.497, 45.197, 286.64
CIE-LUV	46.497, -14.162, -66.297
Hunter-Lab	39.546, 8.03, -42.654
Binary	01010000, 01101011, 10110111

#506bb7
```
#506bb7 rgb(80,107,183)
```
#b79c50
```
#b79c50 rgb(183,156,80)
```

Complementary Color

#509fb7
```
#509fb7 rgb(80,159,183)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#6950b7
```
#6950b7 rgb(105,80,183)
```

Analogous Color

#9fb750
```
#9fb750 rgb(159,183,80)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#b76950
```
#b76950 rgb(183,105,80)
```

Split Complementary Color

#6bb750
```
#6bb750 rgb(107,183,80)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#b7506b
```
#b7506b rgb(183,80,107)
```

Triadic Color

#50b79c
```
#50b79c rgb(80,183,156)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#b7506b
```
#b7506b rgb(183,80,107)
```
#b79c50
```
#b79c50 rgb(183,156,80)
```

Tetradic Color

#364b84
```
#364b84 rgb(54,75,132)
```
#3e5596
```
#3e5596 rgb(62,85,150)
```
#455fa8
```
#455fa8 rgb(69,95,168)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#627abe
```
#627abe rgb(98,122,190)
```
#748ac6
```
#748ac6 rgb(116,138,198)
```
#8699cd
```
#8699cd rgb(134,153,205)
```

Monochromatic Color

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

#5085b7
```
#5085b7 rgb(80,133,183)
```
#507cb7
```
#507cb7 rgb(80,124,183)
```
#5074b7
```
#5074b7 rgb(80,116,183)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#5062b7
```
#5062b7 rgb(80,98,183)
```
#505ab7
```
#505ab7 rgb(80,90,183)
```
#5051b7
```
#5051b7 rgb(80,81,183)
```

Similar Colors

Text with hexadecimal color #506bb7

This text has a font color of #506bb7.

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

#506bb7 background color

This paragraph has a background color of #506bb7.

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

#506bb7 border color

This element has a border color of #506bb7.

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

CSS codes

.text {color:#506bb7;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080b14
```
#080b14 rgb(8,11,20)
```
#0e1321
```
#0e1321 rgb(14,19,33)
```
#131b2f
```
#131b2f rgb(19,27,47)
```
#19233d
```
#19233d rgb(25,35,61)
```
#1f2b4b
```
#1f2b4b rgb(31,43,75)
```
#253259
```
#253259 rgb(37,50,89)
```
#2a3a67
```
#2a3a67 rgb(42,58,103)
```
#304275
```
#304275 rgb(48,66,117)
```
#364a83
```
#364a83 rgb(54,74,131)
```
#3c5291
```
#3c5291 rgb(60,82,145)
```
#415a9f
```
#415a9f rgb(65,90,159)
```
#4762ac
```
#4762ac rgb(71,98,172)
```

Shade Color Variation

#506bb7
```
#506bb7 rgb(80,107,183)
```
#5e77bd
```
#5e77bd rgb(94,119,189)
```
#6c83c2
```
#6c83c2 rgb(108,131,194)
```
#7a8ec8
```
#7a8ec8 rgb(122,142,200)
```
#889ace
```
#889ace rgb(136,154,206)
```
#95a6d4
```
#95a6d4 rgb(149,166,212)
```
#a3b2d9
```
#a3b2d9 rgb(163,178,217)
```
#b1bddf
```
#b1bddf rgb(177,189,223)
```
#bfc9e5
```
#bfc9e5 rgb(191,201,229)
```
#cdd5ea
```
#cdd5ea rgb(205,213,234)
```
#dbe1f0
```
#dbe1f0 rgb(219,225,240)
```
#e9ecf6
```
#e9ecf6 rgb(233,236,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#808288
```
#808288 rgb(128,130,136)
```
#767d91
```
#767d91 rgb(118,125,145)
```
#6d799b
```
#6d799b rgb(109,121,155)
```
#6374a4
```
#6374a4 rgb(99,116,164)
```
#5a70ae
```
#5a70ae rgb(90,112,174)
```
#506bb7
```
#506bb7 rgb(80,107,183)
```
#4766c1
```
#4766c1 rgb(71,102,193)
```
#3d62ca
```
#3d62ca rgb(61,98,202)
```
#345dd4
```
#345dd4 rgb(52,93,212)
```
#2a59dd
```
#2a59dd rgb(42,89,221)
```
#2154e7
```
#2154e7 rgb(33,84,231)
```
#1750f0
```
#1750f0 rgb(23,80,240)
```
#0e4bfa
```
#0e4bfa rgb(14,75,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5573bb Protanopia 1% of men
#4576b9 Deuteranopia 1% of men
#3f7e87 Tritanopia 0.001% of the population

Trichromacy

#5370b9 Protanomaly 1% of men, 0.01% of women
#4972b8 Deuteranomaly 6% of men, 0.4% of women
#457798 Tritanomaly 0.01% of the population

#506bb7 hex color

#506bb7 Color Information

#506bb7 Color Conversion

Color Schemes with #506bb7

Alternatives to #506bb7

#506bb7 Preview

Shades and Tints of #506bb7

Tones of #506bb7

Color Blindness Simulator