#506fc7 hex color

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

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

● #506fc7 color description : Moderate blue.

The hexadecimal color #506fc7 has RGB values of R:80, G:111, B:199 and CMYK values of C:0.6, M:0.44, Y:0, K:0.22. Its decimal value is 5271495.

Hex triplet	506fc7	`#506fc7`
RGB Decimal	80, 111, 199	`rgb(80,111,199)`
RGB Percent	31.4, 43.5, 78	`rgb(31.4%,43.5%,78%)`
CMYK	60, 44, 0, 22
HSL	224.4°, 51.5, 54.7	`hsl(224.4,51.5%,54.7%)`
HSV (or HSB)	224.4°, 59.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.507, 15.833, -49.338
XYZ	19.299, 17.197, 56.332
xyY	0.208, 0.185, 17.197
CIE-LCH	48.507, 51.816, 287.792
CIE-LUV	48.507, -15.669, -76.622
Hunter-Lab	41.469, 10.501, -51.512
Binary	01010000, 01101111, 11000111

#506fc7
```
#506fc7 rgb(80,111,199)
```
#c7a850
```
#c7a850 rgb(199,168,80)
```

Complementary Color

#50abc7
```
#50abc7 rgb(80,171,199)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#6d50c7
```
#6d50c7 rgb(109,80,199)
```

Analogous Color

#abc750
```
#abc750 rgb(171,199,80)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#c76d50
```
#c76d50 rgb(199,109,80)
```

Split Complementary Color

#6fc750
```
#6fc750 rgb(111,199,80)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#c7506f
```
#c7506f rgb(199,80,111)
```

Triadic Color

#50c7a8
```
#50c7a8 rgb(80,199,168)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#c7506f
```
#c7506f rgb(199,80,111)
```
#c7a850
```
#c7a850 rgb(199,168,80)
```

Tetradic Color

#314c99
```
#314c99 rgb(49,76,153)
```
#3756ad
```
#3756ad rgb(55,86,173)
```
#3d5fc0
```
#3d5fc0 rgb(61,95,192)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#637fcd
```
#637fcd rgb(99,127,205)
```
#778fd3
```
#778fd3 rgb(119,143,211)
```
#8a9fda
```
#8a9fda rgb(138,159,218)
```

Monochromatic Color

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

#508dc7
```
#508dc7 rgb(80,141,199)
```
#5083c7
```
#5083c7 rgb(80,131,199)
```
#5079c7
```
#5079c7 rgb(80,121,199)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#5065c7
```
#5065c7 rgb(80,101,199)
```
#505bc7
```
#505bc7 rgb(80,91,199)
```
#5051c7
```
#5051c7 rgb(80,81,199)
```

Similar Colors

Text with hexadecimal color #506fc7

This text has a font color of #506fc7.

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

#506fc7 background color

This paragraph has a background color of #506fc7.

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

#506fc7 border color

This element has a border color of #506fc7.

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

CSS codes

.text {color:#506fc7;}

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

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

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 #f3f6fb 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)
```
#19274e
```
#19274e rgb(25,39,78)
```
#1e2e5c
```
#1e2e5c rgb(30,46,92)
```
#22356b
```
#22356b rgb(34,53,107)
```
#273d7a
```
#273d7a rgb(39,61,122)
```
#2c4489
```
#2c4489 rgb(44,68,137)
```
#314c98
```
#314c98 rgb(49,76,152)
```
#3553a7
```
#3553a7 rgb(53,83,167)
```
#3a5ab6
```
#3a5ab6 rgb(58,90,182)
```

Shade Color Variation

#4163c2
```
#4163c2 rgb(65,99,194)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#5f7bcc
```
#5f7bcc rgb(95,123,204)
```
#6e87d1
```
#6e87d1 rgb(110,135,209)
```
#7d94d5
```
#7d94d5 rgb(125,148,213)
```
#8ba0da
```
#8ba0da rgb(139,160,218)
```
#9aacdf
```
#9aacdf rgb(154,172,223)
```
#a9b8e4
```
#a9b8e4 rgb(169,184,228)
```
#b8c5e8
```
#b8c5e8 rgb(184,197,232)
```
#c7d1ed
```
#c7d1ed rgb(199,209,237)
```
#d6ddf2
```
#d6ddf2 rgb(214,221,242)
```
#e5e9f7
```
#e5e9f7 rgb(229,233,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#858992
```
#858992 rgb(133,137,146)
```
#7c849b
```
#7c849b rgb(124,132,155)
```
#7480a3
```
#7480a3 rgb(116,128,163)
```
#6b7cac
```
#6b7cac rgb(107,124,172)
```
#6278b5
```
#6278b5 rgb(98,120,181)
```
#5973be
```
#5973be rgb(89,115,190)
```
#506fc7
```
#506fc7 rgb(80,111,199)
```
#476bd0
```
#476bd0 rgb(71,107,208)
```
#3e66d9
```
#3e66d9 rgb(62,102,217)
```
#3562e2
```
#3562e2 rgb(53,98,226)
```
#2c5eeb
```
#2c5eeb rgb(44,94,235)
```
#245af3
```
#245af3 rgb(36,90,243)
```
#1b55fc
```
#1b55fc rgb(27,85,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a7081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5177ca Protanopia 1% of men
#387bc7 Deuteranopia 1% of men
#35848e Tritanopia 0.001% of the population

Trichromacy

#5074c9 Protanomaly 1% of men, 0.01% of women
#4177c7 Deuteranomaly 6% of men, 0.4% of women
#3e7ca2 Tritanomaly 0.01% of the population

#506fc7 hex color

#506fc7 Color Information

#506fc7 Color Conversion

Color Schemes with #506fc7

Alternatives to #506fc7

#506fc7 Preview

Shades and Tints of #506fc7

Tones of #506fc7

Color Blindness Simulator