#506ac5 hex color

In a RGB color space, hex #506ac5 is composed of 31.4% red, 41.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 46.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 226.7 degrees, a saturation of 50.2% and a lightness of 54.3%. #506ac5 color hex could be obtained by blending #a0d4ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 42
- B 77
RGB color chart
- C 59
- M 46
- Y 0
- K 23
CMYK color chart

● #506ac5 color description : Moderate blue.

The hexadecimal color #506ac5 has RGB values of R:80, G:106, B:197 and CMYK values of C:0.59, M:0.46, Y:0, K:0.23. Its decimal value is 5270213.

Hex triplet	506ac5	`#506ac5`
RGB Decimal	80, 106, 197	`rgb(80,106,197)`
RGB Percent	31.4, 41.6, 77.3	`rgb(31.4%,41.6%,77.3%)`
CMYK	59, 46, 0, 23
HSL	226.7°, 50.2, 54.3	`hsl(226.7,50.2%,54.3%)`
HSV (or HSB)	226.7°, 59.4, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.032, 18.276, -50.548
XYZ	18.538, 16.044, 54.94
xyY	0.207, 0.179, 16.044
CIE-LCH	47.032, 53.75, 289.878
CIE-LUV	47.032, -14.036, -78.137
Hunter-Lab	40.055, 12.518, -53.285
Binary	01010000, 01101010, 11000101

#506ac5
```
#506ac5 rgb(80,106,197)
```
#c5ab50
```
#c5ab50 rgb(197,171,80)
```

Complementary Color

#50a5c5
```
#50a5c5 rgb(80,165,197)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#7150c5
```
#7150c5 rgb(113,80,197)
```

Analogous Color

#a5c550
```
#a5c550 rgb(165,197,80)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#c57150
```
#c57150 rgb(197,113,80)
```

Split Complementary Color

#6ac550
```
#6ac550 rgb(106,197,80)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#c5506a
```
#c5506a rgb(197,80,106)
```

Triadic Color

#50c5ab
```
#50c5ab rgb(80,197,171)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#c5506a
```
#c5506a rgb(197,80,106)
```
#c5ab50
```
#c5ab50 rgb(197,171,80)
```

Tetradic Color

#324897
```
#324897 rgb(50,72,151)
```
#3851aa
```
#3851aa rgb(56,81,170)
```
#3f5bbd
```
#3f5bbd rgb(63,91,189)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#637acb
```
#637acb rgb(99,122,203)
```
#768bd2
```
#768bd2 rgb(118,139,210)
```
#899bd8
```
#899bd8 rgb(137,155,216)
```

Monochromatic Color

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

#5087c5
```
#5087c5 rgb(80,135,197)
```
#507ec5
```
#507ec5 rgb(80,126,197)
```
#5074c5
```
#5074c5 rgb(80,116,197)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#5060c5
```
#5060c5 rgb(80,96,197)
```
#5057c5
```
#5057c5 rgb(80,87,197)
```
#5350c5
```
#5350c5 rgb(83,80,197)
```

Similar Colors

Text with hexadecimal color #506ac5

This text has a font color of #506ac5.

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

#506ac5 background color

This paragraph has a background color of #506ac5.

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

#506ac5 border color

This element has a border color of #506ac5.

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

CSS codes

.text {color:#506ac5;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050811
```
#050811 rgb(5,8,17)
```
#0a0f1f
```
#0a0f1f rgb(10,15,31)
```
#0f162e
```
#0f162e rgb(15,22,46)
```
#141d3d
```
#141d3d rgb(20,29,61)
```
#19244b
```
#19244b rgb(25,36,75)
```
#1e2b5a
```
#1e2b5a rgb(30,43,90)
```
#233269
```
#233269 rgb(35,50,105)
```
#283978
```
#283978 rgb(40,57,120)
```
#2d4186
```
#2d4186 rgb(45,65,134)
```
#314895
```
#314895 rgb(49,72,149)
```
#364fa4
```
#364fa4 rgb(54,79,164)
```
#3b56b3
```
#3b56b3 rgb(59,86,179)
```

Shade Color Variation

#415dc0
```
#415dc0 rgb(65,93,192)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#5f77ca
```
#5f77ca rgb(95,119,202)
```
#6d83cf
```
#6d83cf rgb(109,131,207)
```
#7c90d4
```
#7c90d4 rgb(124,144,212)
```
#8b9cd9
```
#8b9cd9 rgb(139,156,217)
```
#9aa9dd
```
#9aa9dd rgb(154,169,221)
```
#a8b5e2
```
#a8b5e2 rgb(168,181,226)
```
#b7c2e7
```
#b7c2e7 rgb(183,194,231)
```
#c6ceec
```
#c6ceec rgb(198,206,236)
```
#d5dbf1
```
#d5dbf1 rgb(213,219,241)
```
#e3e7f6
```
#e3e7f6 rgb(227,231,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86888f is the less saturated color, while #1a4cfb is the most saturated one.

#86888f
```
#86888f rgb(134,136,143)
```
#7d8398
```
#7d8398 rgb(125,131,152)
```
#747ea1
```
#747ea1 rgb(116,126,161)
```
#6b79aa
```
#6b79aa rgb(107,121,170)
```
#6274b3
```
#6274b3 rgb(98,116,179)
```
#596fbc
```
#596fbc rgb(89,111,188)
```
#506ac5
```
#506ac5 rgb(80,106,197)
```
#4765ce
```
#4765ce rgb(71,101,206)
```
#3e60d7
```
#3e60d7 rgb(62,96,215)
```
#355be0
```
#355be0 rgb(53,91,224)
```
#2c56e9
```
#2c56e9 rgb(44,86,233)
```
#2351f2
```
#2351f2 rgb(35,81,242)
```
#1a4cfb
```
#1a4cfb rgb(26,76,251)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4974ca Protanopia 1% of men
#2c78c5 Deuteranopia 1% of men
#34808a Tritanopia 0.001% of the population

Trichromacy

#4b70c8 Protanomaly 1% of men, 0.01% of women
#3973c5 Deuteranomaly 6% of men, 0.4% of women
#3e789f Tritanomaly 0.01% of the population

#506ac5 hex color

#506ac5 Color Information

#506ac5 Color Conversion

Color Schemes with #506ac5

Alternatives to #506ac5

#506ac5 Preview

Shades and Tints of #506ac5

Tones of #506ac5

Color Blindness Simulator