#506aeb hex color

In a RGB color space, hex #506aeb is composed of 31.4% red, 41.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 54.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 229.9 degrees, a saturation of 79.5% and a lightness of 61.8%. #506aeb color hex could be obtained by blending #a0d4ff with #0000d7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 42
- B 92
RGB color chart
- C 66
- M 55
- Y 0
- K 8
CMYK color chart

● #506aeb color description : Soft blue.

The hexadecimal color #506aeb has RGB values of R:80, G:106, B:235 and CMYK values of C:0.66, M:0.55, Y:0, K:0.08. Its decimal value is 5270251.

Hex triplet	506aeb	`#506aeb`
RGB Decimal	80, 106, 235	`rgb(80,106,235)`
RGB Percent	31.4, 41.6, 92.2	`rgb(31.4%,41.6%,92.2%)`
CMYK	66, 55, 0, 8
HSL	229.9°, 79.5, 61.8	`hsl(229.9,79.5%,61.8%)`
HSV (or HSB)	229.9°, 66, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.509, 31.252, -68.149
XYZ	23.455, 18.01, 80.833
xyY	0.192, 0.147, 18.01
CIE-LCH	49.509, 74.973, 294.636
CIE-LUV	49.509, -14.701, -106.83
Hunter-Lab	42.439, 24.384, -83.223
Binary	01010000, 01101010, 11101011

#506aeb
```
#506aeb rgb(80,106,235)
```
#ebd150
```
#ebd150 rgb(235,209,80)
```

Complementary Color

#50b8eb
```
#50b8eb rgb(80,184,235)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#8450eb
```
#8450eb rgb(132,80,235)
```

Analogous Color

#b8eb50
```
#b8eb50 rgb(184,235,80)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#eb8450
```
#eb8450 rgb(235,132,80)
```

Split Complementary Color

#6aeb50
```
#6aeb50 rgb(106,235,80)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#eb506a
```
#eb506a rgb(235,80,106)
```

Triadic Color

#50ebd1
```
#50ebd1 rgb(80,235,209)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#eb506a
```
#eb506a rgb(235,80,106)
```
#ebd150
```
#ebd150 rgb(235,209,80)
```

Tetradic Color

#1838d6
```
#1838d6 rgb(24,56,214)
```
#2243e6
```
#2243e6 rgb(34,67,230)
```
#3957e8
```
#3957e8 rgb(57,87,232)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#677dee
```
#677dee rgb(103,125,238)
```
#7e91f0
```
#7e91f0 rgb(126,145,240)
```
#95a4f3
```
#95a4f3 rgb(149,164,243)
```

Monochromatic Color

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

#5091eb
```
#5091eb rgb(80,145,235)
```
#5084eb
```
#5084eb rgb(80,132,235)
```
#5077eb
```
#5077eb rgb(80,119,235)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#505deb
```
#505deb rgb(80,93,235)
```
#5050eb
```
#5050eb rgb(80,80,235)
```
#5d50eb
```
#5d50eb rgb(93,80,235)
```

Similar Colors

Text with hexadecimal color #506aeb

This text has a font color of #506aeb.

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

#506aeb background color

This paragraph has a background color of #506aeb.

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

#506aeb border color

This element has a border color of #506aeb.

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

CSS codes

.text {color:#506aeb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020513
```
#020513 rgb(2,5,19)
```
#040a24
```
#040a24 rgb(4,10,36)
```
#060e36
```
#060e36 rgb(6,14,54)
```
#081347
```
#081347 rgb(8,19,71)
```
#0a1759
```
#0a1759 rgb(10,23,89)
```
#0c1c6b
```
#0c1c6b rgb(12,28,107)
```
#0e217c
```
#0e217c rgb(14,33,124)
```
#10258e
```
#10258e rgb(16,37,142)
```
#122a9f
```
#122a9f rgb(18,42,159)
```
#142fb1
```
#142fb1 rgb(20,47,177)
```
#1633c3
```
#1633c3 rgb(22,51,195)
```
#1838d4
```
#1838d4 rgb(24,56,212)
```

Shade Color Variation

#1b3de5
```
#1b3de5 rgb(27,61,229)
```
#2d4ce7
```
#2d4ce7 rgb(45,76,231)
```
#3e5be9
```
#3e5be9 rgb(62,91,233)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#6279ed
```
#6279ed rgb(98,121,237)
```
#7388ef
```
#7388ef rgb(115,136,239)
```
#8597f1
```
#8597f1 rgb(133,151,241)
```
#96a6f3
```
#96a6f3 rgb(150,166,243)
```
#a8b5f5
```
#a8b5f5 rgb(168,181,245)
```
#bac4f7
```
#bac4f7 rgb(186,196,247)
```
#cbd3f9
```
#cbd3f9 rgb(203,211,249)
```
#dde2fb
```
#dde2fb rgb(221,226,251)
```
#eef1fd
```
#eef1fd rgb(238,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ca0 is the less saturated color, while #4160fa is the most saturated one.

#9b9ca0
```
#9b9ca0 rgb(155,156,160)
```
#9497a8
```
#9497a8 rgb(148,151,168)
```
#8c92af
```
#8c92af rgb(140,146,175)
```
#858db7
```
#858db7 rgb(133,141,183)
```
#7d88be
```
#7d88be rgb(125,136,190)
```
#7683c6
```
#7683c6 rgb(118,131,198)
```
#6e7ecd
```
#6e7ecd rgb(110,126,205)
```
#6779d5
```
#6779d5 rgb(103,121,213)
```
#5f74dc
```
#5f74dc rgb(95,116,220)
```
#586fe4
```
#586fe4 rgb(88,111,228)
```
#506aeb
```
#506aeb rgb(80,106,235)
```
#4965f3
```
#4965f3 rgb(73,101,243)
```
#4160fa
```
#4160fa rgb(65,96,250)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6a7089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1d73ec Protanomaly 1% of men, 0.01% of women
#1d77da Deuteranomaly 6% of men, 0.4% of women
#1d7db2 Tritanomaly 0.01% of the population

#506aeb hex color

#506aeb Color Information

#506aeb Color Conversion

Color Schemes with #506aeb

Alternatives to #506aeb

#506aeb Preview

Shades and Tints of #506aeb

Tones of #506aeb

Color Blindness Simulator