#506ade hex color

In a RGB color space, hex #506ade is composed of 31.4% red, 41.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 52.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 229 degrees, a saturation of 68.3% and a lightness of 59.2%. #506ade color hex could be obtained by blending #a0d4ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 42
- B 87
RGB color chart
- C 64
- M 52
- Y 0
- K 13
CMYK color chart

● #506ade color description : Soft blue.

The hexadecimal color #506ade has RGB values of R:80, G:106, B:222 and CMYK values of C:0.64, M:0.52, Y:0, K:0.13. Its decimal value is 5270238.

Hex triplet	506ade	`#506ade`
RGB Decimal	80, 106, 222	`rgb(80,106,222)`
RGB Percent	31.4, 41.6, 87.1	`rgb(31.4%,41.6%,87.1%)`
CMYK	64, 52, 0, 13
HSL	229°, 68.3, 59.2	`hsl(229,68.3%,59.2%)`
HSV (or HSB)	229°, 64, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.619, 26.803, -62.264
XYZ	21.644, 17.286, 71.299
xyY	0.196, 0.157, 17.286
CIE-LCH	48.619, 67.788, 293.291
CIE-LUV	48.619, -14.46, -97.294
Hunter-Lab	41.577, 20.166, -72.572
Binary	01010000, 01101010, 11011110

#506ade
```
#506ade rgb(80,106,222)
```
#dec450
```
#dec450 rgb(222,196,80)
```

Complementary Color

#50b1de
```
#50b1de rgb(80,177,222)
```
#506ade
```
#506ade rgb(80,106,222)
```
#7d50de
```
#7d50de rgb(125,80,222)
```

Analogous Color

#b1de50
```
#b1de50 rgb(177,222,80)
```
#506ade
```
#506ade rgb(80,106,222)
```
#de7d50
```
#de7d50 rgb(222,125,80)
```

Split Complementary Color

#6ade50
```
#6ade50 rgb(106,222,80)
```
#506ade
```
#506ade rgb(80,106,222)
```
#de506a
```
#de506a rgb(222,80,106)
```

Triadic Color

#50dec4
```
#50dec4 rgb(80,222,196)
```
#506ade
```
#506ade rgb(80,106,222)
```
#de506a
```
#de506a rgb(222,80,106)
```
#dec450
```
#dec450 rgb(222,196,80)
```

Tetradic Color

#2440be
```
#2440be rgb(36,64,190)
```
#2847d3
```
#2847d3 rgb(40,71,211)
```
#3b58da
```
#3b58da rgb(59,88,218)
```
#506ade
```
#506ade rgb(80,106,222)
```
#657ce2
```
#657ce2 rgb(101,124,226)
```
#7b8fe6
```
#7b8fe6 rgb(123,143,230)
```
#90a1ea
```
#90a1ea rgb(144,161,234)
```

Monochromatic Color

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

#508ede
```
#508ede rgb(80,142,222)
```
#5082de
```
#5082de rgb(80,130,222)
```
#5076de
```
#5076de rgb(80,118,222)
```
#506ade
```
#506ade rgb(80,106,222)
```
#505ede
```
#505ede rgb(80,94,222)
```
#5052de
```
#5052de rgb(80,82,222)
```
#5a50de
```
#5a50de rgb(90,80,222)
```

Similar Colors

Text with hexadecimal color #506ade

This text has a font color of #506ade.

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

#506ade background color

This paragraph has a background color of #506ade.

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

#506ade border color

This element has a border color of #506ade.

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

CSS codes

.text {color:#506ade;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#040817
```
#040817 rgb(4,8,23)
```
#070d28
```
#070d28 rgb(7,13,40)
```
#0b1338
```
#0b1338 rgb(11,19,56)
```
#0e1849
```
#0e1849 rgb(14,24,73)
```
#111e59
```
#111e59 rgb(17,30,89)
```
#14246a
```
#14246a rgb(20,36,106)
```
#17297a
```
#17297a rgb(23,41,122)
```
#1a2f8b
```
#1a2f8b rgb(26,47,139)
```
#1d349b
```
#1d349b rgb(29,52,155)
```
#203aac
```
#203aac rgb(32,58,172)
```
#233fbc
```
#233fbc rgb(35,63,188)
```
#2745cd
```
#2745cd rgb(39,69,205)
```

Shade Color Variation

#2f4ed8
```
#2f4ed8 rgb(47,78,216)
```
#3f5cdb
```
#3f5cdb rgb(63,92,219)
```
#506ade
```
#506ade rgb(80,106,222)
```
#6178e1
```
#6178e1 rgb(97,120,225)
```
#7186e4
```
#7186e4 rgb(113,134,228)
```
#8294e7
```
#8294e7 rgb(130,148,231)
```
#92a2ea
```
#92a2ea rgb(146,162,234)
```
#a3b0ee
```
#a3b0ee rgb(163,176,238)
```
#b3bef1
```
#b3bef1 rgb(179,190,241)
```
#c4ccf4
```
#c4ccf4 rgb(196,204,244)
```
#d4daf7
```
#d4daf7 rgb(212,218,247)
```
#e5e8fa
```
#e5e8fa rgb(229,232,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90939e is the less saturated color, while #3056fe is the most saturated one.

#90939e
```
#90939e rgb(144,147,158)
```
#888da6
```
#888da6 rgb(136,141,166)
```
#8088ae
```
#8088ae rgb(128,136,174)
```
#7883b6
```
#7883b6 rgb(120,131,182)
```
#707ebe
```
#707ebe rgb(112,126,190)
```
#6879c6
```
#6879c6 rgb(104,121,198)
```
#6074ce
```
#6074ce rgb(96,116,206)
```
#586fd6
```
#586fd6 rgb(88,111,214)
```
#506ade
```
#506ade rgb(80,106,222)
```
#4865e6
```
#4865e6 rgb(72,101,230)
```
#4060ee
```
#4060ee rgb(64,96,238)
```
#385bf6
```
#385bf6 rgb(56,91,246)
```
#3056fe
```
#3056fe rgb(48,86,254)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2777e4 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#3672e2 Protanomaly 1% of men, 0.01% of women
#1d76d3 Deuteranomaly 6% of men, 0.4% of women
#1d7cac Tritanomaly 0.01% of the population

#506ade hex color

#506ade Color Information

#506ade Color Conversion

Color Schemes with #506ade

Alternatives to #506ade

#506ade Preview

Shades and Tints of #506ade

Tones of #506ade

Color Blindness Simulator