#506bb8 hex color

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

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

● #506bb8 color description : Moderate blue.

The hexadecimal color #506bb8 has RGB values of R:80, G:107, B:184 and CMYK values of C:0.57, M:0.42, Y:0, K:0.28. Its decimal value is 5270456.

Hex triplet	506bb8	`#506bb8`
RGB Decimal	80, 107, 184	`rgb(80,107,184)`
RGB Percent	31.4, 42, 72.2	`rgb(31.4%,42%,72.2%)`
CMYK	57, 42, 0, 28
HSL	224.4°, 42.3, 51.8	`hsl(224.4,42.3%,51.8%)`
HSV (or HSB)	224.4°, 56.5, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.553, 13.276, -43.797
XYZ	17.216, 15.681, 47.464
xyY	0.214, 0.195, 15.681
CIE-LCH	46.553, 45.765, 286.864
CIE-LUV	46.553, -14.175, -67.11
Hunter-Lab	39.599, 8.306, -43.347
Binary	01010000, 01101011, 10111000

#506bb8
```
#506bb8 rgb(80,107,184)
```
#b89d50
```
#b89d50 rgb(184,157,80)
```

Complementary Color

#509fb8
```
#509fb8 rgb(80,159,184)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#6950b8
```
#6950b8 rgb(105,80,184)
```

Analogous Color

#9fb850
```
#9fb850 rgb(159,184,80)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#b86950
```
#b86950 rgb(184,105,80)
```

Split Complementary Color

#6bb850
```
#6bb850 rgb(107,184,80)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#b8506b
```
#b8506b rgb(184,80,107)
```

Triadic Color

#50b89d
```
#50b89d rgb(80,184,157)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#b8506b
```
#b8506b rgb(184,80,107)
```
#b89d50
```
#b89d50 rgb(184,157,80)
```

Tetradic Color

#364b85
```
#364b85 rgb(54,75,133)
```
#3d5598
```
#3d5598 rgb(61,85,152)
```
#455faa
```
#455faa rgb(69,95,170)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#627abf
```
#627abf rgb(98,122,191)
```
#748ac7
```
#748ac7 rgb(116,138,199)
```
#8699ce
```
#8699ce rgb(134,153,206)
```

Monochromatic Color

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

#5085b8
```
#5085b8 rgb(80,133,184)
```
#507cb8
```
#507cb8 rgb(80,124,184)
```
#5074b8
```
#5074b8 rgb(80,116,184)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#5062b8
```
#5062b8 rgb(80,98,184)
```
#505ab8
```
#505ab8 rgb(80,90,184)
```
#5051b8
```
#5051b8 rgb(80,81,184)
```

Similar Colors

Text with hexadecimal color #506bb8

This text has a font color of #506bb8.

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

#506bb8 background color

This paragraph has a background color of #506bb8.

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

#506bb8 border color

This element has a border color of #506bb8.

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

CSS codes

.text {color:#506bb8;}

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

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

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)
```
#080b14
```
#080b14 rgb(8,11,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)
```
#25325a
```
#25325a rgb(37,50,90)
```
#2a3a68
```
#2a3a68 rgb(42,58,104)
```
#304276
```
#304276 rgb(48,66,118)
```
#364a84
```
#364a84 rgb(54,74,132)
```
#3b5292
```
#3b5292 rgb(59,82,146)
```
#415aa0
```
#415aa0 rgb(65,90,160)
```
#4761ae
```
#4761ae rgb(71,97,174)
```

Shade Color Variation

#506bb8
```
#506bb8 rgb(80,107,184)
```
#5e77be
```
#5e77be rgb(94,119,190)
```
#6c83c3
```
#6c83c3 rgb(108,131,195)
```
#7a8ec9
```
#7a8ec9 rgb(122,142,201)
```
#889acf
```
#889acf rgb(136,154,207)
```
#96a6d4
```
#96a6d4 rgb(150,166,212)
```
#a4b2da
```
#a4b2da rgb(164,178,218)
```
#b2bee0
```
#b2bee0 rgb(178,190,224)
```
#c0c9e5
```
#c0c9e5 rgb(192,201,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 #0e4bfa is the most saturated one.

#7f8289
```
#7f8289 rgb(127,130,137)
```
#767d92
```
#767d92 rgb(118,125,146)
```
#6c799c
```
#6c799c rgb(108,121,156)
```
#6374a5
```
#6374a5 rgb(99,116,165)
```
#5970af
```
#5970af rgb(89,112,175)
```
#506bb8
```
#506bb8 rgb(80,107,184)
```
#4766c1
```
#4766c1 rgb(71,102,193)
```
#3d62cb
```
#3d62cb rgb(61,98,203)
```
#345dd4
```
#345dd4 rgb(52,93,212)
```
#2a59de
```
#2a59de rgb(42,89,222)
```
#2154e7
```
#2154e7 rgb(33,84,231)
```
#1750f1
```
#1750f1 rgb(23,80,241)
```
#0e4bfa
```
#0e4bfa rgb(14,75,250)
```

Tone Color Variation

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

#5473bc Protanopia 1% of men
#4476ba Deuteranopia 1% of men
#3e7e87 Tritanopia 0.001% of the population

Trichromacy

#5270ba Protanomaly 1% of men, 0.01% of women
#4872b9 Deuteranomaly 6% of men, 0.4% of women
#457799 Tritanomaly 0.01% of the population

#506bb8 hex color

#506bb8 Color Information

#506bb8 Color Conversion

Color Schemes with #506bb8

Alternatives to #506bb8

#506bb8 Preview

Shades and Tints of #506bb8

Tones of #506bb8

Color Blindness Simulator