#506ee4 hex color

In a RGB color space, hex #506ee4 is composed of 31.4% red, 43.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 51.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 227.8 degrees, a saturation of 73.3% and a lightness of 60.4%. #506ee4 color hex could be obtained by blending #a0dcff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 43
- B 89
RGB color chart
- C 65
- M 52
- Y 0
- K 11
CMYK color chart

● #506ee4 color description : Soft blue.

The hexadecimal color #506ee4 has RGB values of R:80, G:110, B:228 and CMYK values of C:0.65, M:0.52, Y:0, K:0.11. Its decimal value is 5271268.

Hex triplet	506ee4	`#506ee4`
RGB Decimal	80, 110, 228	`rgb(80,110,228)`
RGB Percent	31.4, 43.1, 89.4	`rgb(31.4%,43.1%,89.4%)`
CMYK	65, 52, 0, 11
HSL	227.8°, 73.3, 60.4	`hsl(227.8,73.3%,60.4%)`
HSV (or HSB)	227.8°, 64.9, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.046, 26.375, -63.344
XYZ	22.885, 18.457, 75.751
xyY	0.195, 0.158, 18.457
CIE-LCH	50.046, 68.616, 292.605
CIE-LUV	50.046, -15.706, -99.623
Hunter-Lab	42.962, 19.899, -74.467
Binary	01010000, 01101110, 11100100

#506ee4
```
#506ee4 rgb(80,110,228)
```
#e4c650
```
#e4c650 rgb(228,198,80)
```

Complementary Color

#50b8e4
```
#50b8e4 rgb(80,184,228)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#7c50e4
```
#7c50e4 rgb(124,80,228)
```

Analogous Color

#b8e450
```
#b8e450 rgb(184,228,80)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#e47c50
```
#e47c50 rgb(228,124,80)
```

Split Complementary Color

#6ee450
```
#6ee450 rgb(110,228,80)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#e4506e
```
#e4506e rgb(228,80,110)
```

Triadic Color

#50e4c6
```
#50e4c6 rgb(80,228,198)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#e4506e
```
#e4506e rgb(228,80,110)
```
#e4c650
```
#e4c650 rgb(228,198,80)
```

Tetradic Color

#1f41c9
```
#1f41c9 rgb(31,65,201)
```
#2449dd
```
#2449dd rgb(36,73,221)
```
#3a5ce1
```
#3a5ce1 rgb(58,92,225)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#6680e7
```
#6680e7 rgb(102,128,231)
```
#7c93eb
```
#7c93eb rgb(124,147,235)
```
#92a5ee
```
#92a5ee rgb(146,165,238)
```

Monochromatic Color

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

#5093e4
```
#5093e4 rgb(80,147,228)
```
#5087e4
```
#5087e4 rgb(80,135,228)
```
#507ae4
```
#507ae4 rgb(80,122,228)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#5062e4
```
#5062e4 rgb(80,98,228)
```
#5055e4
```
#5055e4 rgb(80,85,228)
```
#5750e4
```
#5750e4 rgb(87,80,228)
```

Similar Colors

Text with hexadecimal color #506ee4

This text has a font color of #506ee4.

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

#506ee4 background color

This paragraph has a background color of #506ee4.

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

#506ee4 border color

This element has a border color of #506ee4.

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

CSS codes

.text {color:#506ee4;}

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

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

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#04091d
```
#04091d rgb(4,9,29)
```
#070f2e
```
#070f2e rgb(7,15,46)
```
#0a143f
```
#0a143f rgb(10,20,63)
```
#0c1a50
```
#0c1a50 rgb(12,26,80)
```
#0f2061
```
#0f2061 rgb(15,32,97)
```
#122572
```
#122572 rgb(18,37,114)
```
#142b83
```
#142b83 rgb(20,43,131)
```
#173094
```
#173094 rgb(23,48,148)
```
#1936a5
```
#1936a5 rgb(25,54,165)
```
#1c3bb6
```
#1c3bb6 rgb(28,59,182)
```
#1f41c7
```
#1f41c7 rgb(31,65,199)
```
#2146d8
```
#2146d8 rgb(33,70,216)
```

Shade Color Variation

#2e52df
```
#2e52df rgb(46,82,223)
```
#3f60e1
```
#3f60e1 rgb(63,96,225)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#617ce7
```
#617ce7 rgb(97,124,231)
```
#728ae9
```
#728ae9 rgb(114,138,233)
```
#8398ec
```
#8398ec rgb(131,152,236)
```
#94a6ee
```
#94a6ee rgb(148,166,238)
```
#a5b4f1
```
#a5b4f1 rgb(165,180,241)
```
#b6c2f4
```
#b6c2f4 rgb(182,194,244)
```
#c7d1f6
```
#c7d1f6 rgb(199,209,246)
```
#d8dff9
```
#d8dff9 rgb(216,223,249)
```
#e9edfc
```
#e9edfc rgb(233,237,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#96989e
```
#96989e rgb(150,152,158)
```
#8e93a6
```
#8e93a6 rgb(142,147,166)
```
#868eae
```
#868eae rgb(134,142,174)
```
#7f8ab5
```
#7f8ab5 rgb(127,138,181)
```
#7785bd
```
#7785bd rgb(119,133,189)
```
#6f80c5
```
#6f80c5 rgb(111,128,197)
```
#677ccd
```
#677ccd rgb(103,124,205)
```
#6077d4
```
#6077d4 rgb(96,119,212)
```
#5873dc
```
#5873dc rgb(88,115,220)
```
#506ee4
```
#506ee4 rgb(80,110,228)
```
#4869ec
```
#4869ec rgb(72,105,236)
```
#4065f4
```
#4065f4 rgb(64,101,244)
```
#3960fb
```
#3960fb rgb(57,96,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6b7189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b7ae9 Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#3975e7 Protanomaly 1% of men, 0.01% of women
#1d79d9 Deuteranomaly 6% of men, 0.4% of women
#1d80b1 Tritanomaly 0.01% of the population

#506ee4 hex color

#506ee4 Color Information

#506ee4 Color Conversion

Color Schemes with #506ee4

Alternatives to #506ee4

#506ee4 Preview

Shades and Tints of #506ee4

Tones of #506ee4

Color Blindness Simulator