#506ec7 hex color

In a RGB color space, hex #506ec7 is composed of 31.4% red, 43.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 44.7% magenta, 0% yellow and 22% black. It has a hue angle of 224.9 degrees, a saturation of 51.5% and a lightness of 54.7%. #506ec7 color hex could be obtained by blending #a0dcff with #00008f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 43
- B 78
RGB color chart
- C 60
- M 45
- Y 0
- K 22
CMYK color chart

● #506ec7 color description : Moderate blue.

The hexadecimal color #506ec7 has RGB values of R:80, G:110, B:199 and CMYK values of C:0.6, M:0.45, Y:0, K:0.22. Its decimal value is 5271239.

Hex triplet	506ec7	`#506ec7`
RGB Decimal	80, 110, 199	`rgb(80,110,199)`
RGB Percent	31.4, 43.1, 78	`rgb(31.4%,43.1%,78%)`
CMYK	60, 45, 0, 22
HSL	224.9°, 51.5, 54.7	`hsl(224.9,51.5%,54.7%)`
HSV (or HSB)	224.9°, 59.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.235, 16.456, -49.773
XYZ	19.191, 16.98, 56.296
xyY	0.208, 0.184, 16.98
CIE-LCH	48.235, 52.423, 288.295
CIE-LUV	48.235, -15.345, -77.252
Hunter-Lab	41.207, 11.02, -52.157
Binary	01010000, 01101110, 11000111

#506ec7
```
#506ec7 rgb(80,110,199)
```
#c7a950
```
#c7a950 rgb(199,169,80)
```

Complementary Color

#50aac7
```
#50aac7 rgb(80,170,199)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#6e50c7
```
#6e50c7 rgb(110,80,199)
```

Analogous Color

#aac750
```
#aac750 rgb(170,199,80)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#c76e50
```
#c76e50 rgb(199,110,80)
```

Split Complementary Color

#6ec750
```
#6ec750 rgb(110,199,80)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#c7506e
```
#c7506e rgb(199,80,110)
```

Triadic Color

#50c7a9
```
#50c7a9 rgb(80,199,169)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#c7506e
```
#c7506e rgb(199,80,110)
```
#c7a950
```
#c7a950 rgb(199,169,80)
```

Tetradic Color

#314b99
```
#314b99 rgb(49,75,153)
```
#3755ad
```
#3755ad rgb(55,85,173)
```
#3d5ec0
```
#3d5ec0 rgb(61,94,192)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#637ecd
```
#637ecd rgb(99,126,205)
```
#778ed3
```
#778ed3 rgb(119,142,211)
```
#8a9eda
```
#8a9eda rgb(138,158,218)
```

Monochromatic Color

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

#508cc7
```
#508cc7 rgb(80,140,199)
```
#5082c7
```
#5082c7 rgb(80,130,199)
```
#5078c7
```
#5078c7 rgb(80,120,199)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#5064c7
```
#5064c7 rgb(80,100,199)
```
#505ac7
```
#505ac7 rgb(80,90,199)
```
#5050c7
```
#5050c7 rgb(80,80,199)
```

Similar Colors

Text with hexadecimal color #506ec7

This text has a font color of #506ec7.

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

#506ec7 background color

This paragraph has a background color of #506ec7.

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

#506ec7 border color

This element has a border color of #506ec7.

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

CSS codes

.text {color:#506ec7;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0b1021
```
#0b1021 rgb(11,16,33)
```
#0f1830
```
#0f1830 rgb(15,24,48)
```
#141f3f
```
#141f3f rgb(20,31,63)
```
#19264e
```
#19264e rgb(25,38,78)
```
#1e2d5c
```
#1e2d5c rgb(30,45,92)
```
#22356b
```
#22356b rgb(34,53,107)
```
#273c7a
```
#273c7a rgb(39,60,122)
```
#2c4389
```
#2c4389 rgb(44,67,137)
```
#314b98
```
#314b98 rgb(49,75,152)
```
#3552a7
```
#3552a7 rgb(53,82,167)
```
#3a59b6
```
#3a59b6 rgb(58,89,182)
```

Shade Color Variation

#4162c2
```
#4162c2 rgb(65,98,194)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#5f7acc
```
#5f7acc rgb(95,122,204)
```
#6e87d1
```
#6e87d1 rgb(110,135,209)
```
#7d93d5
```
#7d93d5 rgb(125,147,213)
```
#8b9fda
```
#8b9fda rgb(139,159,218)
```
#9aacdf
```
#9aacdf rgb(154,172,223)
```
#a9b8e4
```
#a9b8e4 rgb(169,184,228)
```
#b8c4e8
```
#b8c4e8 rgb(184,196,232)
```
#c7d1ed
```
#c7d1ed rgb(199,209,237)
```
#d6ddf2
```
#d6ddf2 rgb(214,221,242)
```
#e5e9f7
```
#e5e9f7 rgb(229,233,247)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#858892
```
#858892 rgb(133,136,146)
```
#7c849b
```
#7c849b rgb(124,132,155)
```
#7480a3
```
#7480a3 rgb(116,128,163)
```
#6b7bac
```
#6b7bac rgb(107,123,172)
```
#6277b5
```
#6277b5 rgb(98,119,181)
```
#5972be
```
#5972be rgb(89,114,190)
```
#506ec7
```
#506ec7 rgb(80,110,199)
```
#476ad0
```
#476ad0 rgb(71,106,208)
```
#3e65d9
```
#3e65d9 rgb(62,101,217)
```
#3561e2
```
#3561e2 rgb(53,97,226)
```
#2c5ceb
```
#2c5ceb rgb(44,92,235)
```
#2458f3
```
#2458f3 rgb(36,88,243)
```
#1b54fc
```
#1b54fc rgb(27,84,252)
```

Tone Color Variation

Below, you can see how #506ec7 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
#696f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f77cb Protanopia 1% of men
#357bc7 Deuteranopia 1% of men
#34848d Tritanopia 0.001% of the population

Trichromacy

#4f73c9 Protanomaly 1% of men, 0.01% of women
#3f76c7 Deuteranomaly 6% of men, 0.4% of women
#3e7ca2 Tritanomaly 0.01% of the population

#506ec7 hex color

#506ec7 Color Information

#506ec7 Color Conversion

Color Schemes with #506ec7

Alternatives to #506ec7

#506ec7 Preview

Shades and Tints of #506ec7

Tones of #506ec7

Color Blindness Simulator