#506aa8 hex color

In a RGB color space, hex #506aa8 is composed of 31.4% red, 41.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 36.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 222.3 degrees, a saturation of 35.5% and a lightness of 48.6%. #506aa8 color hex could be obtained by blending #a0d4ff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 42
- B 66
RGB color chart
- C 52
- M 37
- Y 0
- K 34
CMYK color chart

● #506aa8 color description : Dark moderate blue.

The hexadecimal color #506aa8 has RGB values of R:80, G:106, B:168 and CMYK values of C:0.52, M:0.37, Y:0, K:0.34. Its decimal value is 5270184.

Hex triplet	506aa8	`#506aa8`
RGB Decimal	80, 106, 168	`rgb(80,106,168)`
RGB Percent	31.4, 41.6, 65.9	`rgb(31.4%,41.6%,65.9%)`
CMYK	52, 37, 0, 34
HSL	222.3°, 35.5, 48.6	`hsl(222.3,35.5%,48.6%)`
HSV (or HSB)	222.3°, 52.4, 65.9
Web Safe	666699	`#666699`

CIE-LAB	45.414, 8.623, -36.258
XYZ	15.529, 14.84, 39.09
xyY	0.224, 0.214, 14.84
CIE-LCH	45.414, 37.269, 283.377
CIE-LUV	45.414, -13.617, -54.63
Hunter-Lab	38.523, 4.539, -33.197
Binary	01010000, 01101010, 10101000

#506aa8
```
#506aa8 rgb(80,106,168)
```
#a88e50
```
#a88e50 rgb(168,142,80)
```

Complementary Color

#5096a8
```
#5096a8 rgb(80,150,168)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#6250a8
```
#6250a8 rgb(98,80,168)
```

Analogous Color

#96a850
```
#96a850 rgb(150,168,80)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#a86250
```
#a86250 rgb(168,98,80)
```

Split Complementary Color

#6aa850
```
#6aa850 rgb(106,168,80)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#a8506a
```
#a8506a rgb(168,80,106)
```

Triadic Color

#50a88e
```
#50a88e rgb(80,168,142)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#a8506a
```
#a8506a rgb(168,80,106)
```
#a88e50
```
#a88e50 rgb(168,142,80)
```

Tetradic Color

#374974
```
#374974 rgb(55,73,116)
```
#405485
```
#405485 rgb(64,84,133)
```
#485f97
```
#485f97 rgb(72,95,151)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#5f78b3
```
#5f78b3 rgb(95,120,179)
```
#7086bb
```
#7086bb rgb(112,134,187)
```
#8195c3
```
#8195c3 rgb(129,149,195)
```

Monochromatic Color

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

#5080a8
```
#5080a8 rgb(80,128,168)
```
#5079a8
```
#5079a8 rgb(80,121,168)
```
#5071a8
```
#5071a8 rgb(80,113,168)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#5063a8
```
#5063a8 rgb(80,99,168)
```
#505ba8
```
#505ba8 rgb(80,91,168)
```
#5054a8
```
#5054a8 rgb(80,84,168)
```

Similar Colors

Text with hexadecimal color #506aa8

This text has a font color of #506aa8.

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

#506aa8 background color

This paragraph has a background color of #506aa8.

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

#506aa8 border color

This element has a border color of #506aa8.

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

CSS codes

.text {color:#506aa8;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0e16
```
#0a0e16 rgb(10,14,22)
```
#111623
```
#111623 rgb(17,22,35)
```
#171f30
```
#171f30 rgb(23,31,48)
```
#1d273e
```
#1d273e rgb(29,39,62)
```
#242f4b
```
#242f4b rgb(36,47,75)
```
#2a3858
```
#2a3858 rgb(42,56,88)
```
#304066
```
#304066 rgb(48,64,102)
```
#374873
```
#374873 rgb(55,72,115)
```
#3d5180
```
#3d5180 rgb(61,81,128)
```
#43598d
```
#43598d rgb(67,89,141)
```
#4a629b
```
#4a629b rgb(74,98,155)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```

Shade Color Variation

#5b74b1
```
#5b74b1 rgb(91,116,177)
```
#687fb7
```
#687fb7 rgb(104,127,183)
```
#758bbd
```
#758bbd rgb(117,139,189)
```
#8396c4
```
#8396c4 rgb(131,150,196)
```
#90a1ca
```
#90a1ca rgb(144,161,202)
```
#9dacd0
```
#9dacd0 rgb(157,172,208)
```
#abb8d7
```
#abb8d7 rgb(171,184,215)
```
#b8c3dd
```
#b8c3dd rgb(184,195,221)
```
#c5cee3
```
#c5cee3 rgb(197,206,227)
```
#d2d9ea
```
#d2d9ea rgb(210,217,234)
```
#e0e5f0
```
#e0e5f0 rgb(224,229,240)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a82 is the less saturated color, while #044bf4 is the most saturated one.

#767a82
```
#767a82 rgb(118,122,130)
```
#6d768b
```
#6d768b rgb(109,118,139)
```
#637295
```
#637295 rgb(99,114,149)
```
#5a6e9e
```
#5a6e9e rgb(90,110,158)
```
#506aa8
```
#506aa8 rgb(80,106,168)
```
#4666b2
```
#4666b2 rgb(70,102,178)
```
#3d62bb
```
#3d62bb rgb(61,98,187)
```
#335ec5
```
#335ec5 rgb(51,94,197)
```
#2a5ace
```
#2a5ace rgb(42,90,206)
```
#2056d8
```
#2056d8 rgb(32,86,216)
```
#1753e1
```
#1753e1 rgb(23,83,225)
```
#0d4feb
```
#0d4feb rgb(13,79,235)
```
#044bf4
```
#044bf4 rgb(4,75,244)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#646976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b71ac Protanopia 1% of men
#5273ab Deuteranopia 1% of men
#477a83 Tritanopia 0.001% of the population

Trichromacy

#576eaa Protanomaly 1% of men, 0.01% of women
#516faa Deuteranomaly 6% of men, 0.4% of women
#4a7490 Tritanomaly 0.01% of the population

#506aa8 hex color

#506aa8 Color Information

#506aa8 Color Conversion

Color Schemes with #506aa8

Alternatives to #506aa8

#506aa8 Preview

Shades and Tints of #506aa8

Tones of #506aa8

Color Blindness Simulator