#506cb8 hex color

In a RGB color space, hex #506cb8 is composed of 31.4% red, 42.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 41.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 223.8 degrees, a saturation of 42.3% and a lightness of 51.8%. #506cb8 color hex could be obtained by blending #a0d8ff with #000071. Closest websafe color is: #6666cc.

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

● #506cb8 color description : Moderate blue.

The hexadecimal color #506cb8 has RGB values of R:80, G:108, B:184 and CMYK values of C:0.57, M:0.41, Y:0, K:0.28. Its decimal value is 5270712.

Hex triplet	506cb8	`#506cb8`
RGB Decimal	80, 108, 184	`rgb(80,108,184)`
RGB Percent	31.4, 42.4, 72.2	`rgb(31.4%,42.4%,72.2%)`
CMYK	57, 41, 0, 28
HSL	223.8°, 42.3, 51.8	`hsl(223.8,42.3%,51.8%)`
HSV (or HSB)	223.8°, 56.5, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.83, 12.653, -43.355
XYZ	17.321, 15.89, 47.499
xyY	0.215, 0.197, 15.89
CIE-LCH	46.83, 45.164, 286.269
CIE-LUV	46.83, -14.513, -66.458
Hunter-Lab	39.863, 7.8, -42.744
Binary	01010000, 01101100, 10111000

#506cb8
```
#506cb8 rgb(80,108,184)
```
#b89c50
```
#b89c50 rgb(184,156,80)
```

Complementary Color

#50a0b8
```
#50a0b8 rgb(80,160,184)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#6850b8
```
#6850b8 rgb(104,80,184)
```

Analogous Color

#a0b850
```
#a0b850 rgb(160,184,80)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#b86850
```
#b86850 rgb(184,104,80)
```

Split Complementary Color

#6cb850
```
#6cb850 rgb(108,184,80)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#b8506c
```
#b8506c rgb(184,80,108)
```

Triadic Color

#50b89c
```
#50b89c rgb(80,184,156)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#b8506c
```
#b8506c rgb(184,80,108)
```
#b89c50
```
#b89c50 rgb(184,156,80)
```

Tetradic Color

#364b85
```
#364b85 rgb(54,75,133)
```
#3d5698
```
#3d5698 rgb(61,86,152)
```
#4560aa
```
#4560aa rgb(69,96,170)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#627bbf
```
#627bbf rgb(98,123,191)
```
#748ac7
```
#748ac7 rgb(116,138,199)
```
#869ace
```
#869ace rgb(134,154,206)
```

Monochromatic Color

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

#5086b8
```
#5086b8 rgb(80,134,184)
```
#507db8
```
#507db8 rgb(80,125,184)
```
#5075b8
```
#5075b8 rgb(80,117,184)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#5063b8
```
#5063b8 rgb(80,99,184)
```
#505bb8
```
#505bb8 rgb(80,91,184)
```
#5052b8
```
#5052b8 rgb(80,82,184)
```

Similar Colors

Text with hexadecimal color #506cb8

This text has a font color of #506cb8.

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

#506cb8 background color

This paragraph has a background color of #506cb8.

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

#506cb8 border color

This element has a border color of #506cb8.

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

CSS codes

.text {color:#506cb8;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#080c14
```
#080c14 rgb(8,12,20)
```
#0e1322
```
#0e1322 rgb(14,19,34)
```
#141b30
```
#141b30 rgb(20,27,48)
```
#19233e
```
#19233e rgb(25,35,62)
```
#1f2b4c
```
#1f2b4c rgb(31,43,76)
```
#25335a
```
#25335a rgb(37,51,90)
```
#2a3b68
```
#2a3b68 rgb(42,59,104)
```
#304376
```
#304376 rgb(48,67,118)
```
#364b84
```
#364b84 rgb(54,75,132)
```
#3b5392
```
#3b5392 rgb(59,83,146)
```
#415aa0
```
#415aa0 rgb(65,90,160)
```
#4762ae
```
#4762ae rgb(71,98,174)
```

Shade Color Variation

#506cb8
```
#506cb8 rgb(80,108,184)
```
#5e78be
```
#5e78be rgb(94,120,190)
```
#6c83c3
```
#6c83c3 rgb(108,131,195)
```
#7a8fc9
```
#7a8fc9 rgb(122,143,201)
```
#889bcf
```
#889bcf rgb(136,155,207)
```
#96a7d4
```
#96a7d4 rgb(150,167,212)
```
#a4b2da
```
#a4b2da rgb(164,178,218)
```
#b2bee0
```
#b2bee0 rgb(178,190,224)
```
#c0cae5
```
#c0cae5 rgb(192,202,229)
```
#ced5eb
```
#ced5eb rgb(206,213,235)
```
#dce1f1
```
#dce1f1 rgb(220,225,241)
```
#e9edf6
```
#e9edf6 rgb(233,237,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#7f8289
```
#7f8289 rgb(127,130,137)
```
#767d92
```
#767d92 rgb(118,125,146)
```
#6c799c
```
#6c799c rgb(108,121,156)
```
#6375a5
```
#6375a5 rgb(99,117,165)
```
#5970af
```
#5970af rgb(89,112,175)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#4768c1
```
#4768c1 rgb(71,104,193)
```
#3d63cb
```
#3d63cb rgb(61,99,203)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#2a5bde
```
#2a5bde rgb(42,91,222)
```
#2156e7
```
#2156e7 rgb(33,86,231)
```
#1752f1
```
#1752f1 rgb(23,82,241)
```
#0e4dfa
```
#0e4dfa rgb(14,77,250)
```

Tone Color Variation

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

#5674bc Protanopia 1% of men
#4677ba Deuteranopia 1% of men
#3f7f88 Tritanopia 0.001% of the population

Trichromacy

#5371ba Protanomaly 1% of men, 0.01% of women
#4973b9 Deuteranomaly 6% of men, 0.4% of women
#457899 Tritanomaly 0.01% of the population

#506cb8 hex color

#506cb8 Color Information

#506cb8 Color Conversion

Color Schemes with #506cb8

Alternatives to #506cb8

#506cb8 Preview

Shades and Tints of #506cb8

Tones of #506cb8

Color Blindness Simulator