#507bc7 hex color

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

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

● #507bc7 color description : Moderate blue.

The hexadecimal color #507bc7 has RGB values of R:80, G:123, B:199 and CMYK values of C:0.6, M:0.38, Y:0, K:0.22. Its decimal value is 5274567.

Hex triplet	507bc7	`#507bc7`
RGB Decimal	80, 123, 199	`rgb(80,123,199)`
RGB Percent	31.4, 48.2, 78	`rgb(31.4%,48.2%,78%)`
CMYK	60, 38, 0, 22
HSL	218.3°, 51.5, 54.7	`hsl(218.3,51.5%,54.7%)`
HSV (or HSB)	218.3°, 59.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.83, 8.443, -44.05
XYZ	20.698, 19.994, 56.798
xyY	0.212, 0.205, 19.994
CIE-LCH	51.83, 44.852, 280.85
CIE-LUV	51.83, -19.69, -68.626
Hunter-Lab	44.714, 4.376, -44.013
Binary	01010000, 01111011, 11000111

#507bc7
```
#507bc7 rgb(80,123,199)
```
#c79c50
```
#c79c50 rgb(199,156,80)
```

Complementary Color

#50b7c7
```
#50b7c7 rgb(80,183,199)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#6150c7
```
#6150c7 rgb(97,80,199)
```

Analogous Color

#b7c750
```
#b7c750 rgb(183,199,80)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#c76150
```
#c76150 rgb(199,97,80)
```

Split Complementary Color

#7bc750
```
#7bc750 rgb(123,199,80)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#c7507b
```
#c7507b rgb(199,80,123)
```

Triadic Color

#50c79c
```
#50c79c rgb(80,199,156)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#c7507b
```
#c7507b rgb(199,80,123)
```
#c79c50
```
#c79c50 rgb(199,156,80)
```

Tetradic Color

#315799
```
#315799 rgb(49,87,153)
```
#3762ad
```
#3762ad rgb(55,98,173)
```
#3d6dc0
```
#3d6dc0 rgb(61,109,192)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#638acd
```
#638acd rgb(99,138,205)
```
#7798d3
```
#7798d3 rgb(119,152,211)
```
#8aa7da
```
#8aa7da rgb(138,167,218)
```

Monochromatic Color

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

#5099c7
```
#5099c7 rgb(80,153,199)
```
#508fc7
```
#508fc7 rgb(80,143,199)
```
#5085c7
```
#5085c7 rgb(80,133,199)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#5071c7
```
#5071c7 rgb(80,113,199)
```
#5067c7
```
#5067c7 rgb(80,103,199)
```
#505dc7
```
#505dc7 rgb(80,93,199)
```

Similar Colors

Text with hexadecimal color #507bc7

This text has a font color of #507bc7.

<span style="color:#507bc7;">Text here</span>

#507bc7 background color

This paragraph has a background color of #507bc7.

<p style="background-color:#507bc7;">Content here</p>

#507bc7 border color

This element has a border color of #507bc7.

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

CSS codes

.text {color:#507bc7;}

.background {background-color:#507bc7;}

.border {border:1px solid #507bc7;}

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)
```
#060a12
```
#060a12 rgb(6,10,18)
```
#0b1321
```
#0b1321 rgb(11,19,33)
```
#0f1b30
```
#0f1b30 rgb(15,27,48)
```
#14243f
```
#14243f rgb(20,36,63)
```
#192c4e
```
#192c4e rgb(25,44,78)
```
#1e345c
```
#1e345c rgb(30,52,92)
```
#223d6b
```
#223d6b rgb(34,61,107)
```
#27457a
```
#27457a rgb(39,69,122)
```
#2c4e89
```
#2c4e89 rgb(44,78,137)
```
#315698
```
#315698 rgb(49,86,152)
```
#355ea7
```
#355ea7 rgb(53,94,167)
```
#3a67b6
```
#3a67b6 rgb(58,103,182)
```

Shade Color Variation

#4170c2
```
#4170c2 rgb(65,112,194)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#5f86cc
```
#5f86cc rgb(95,134,204)
```
#6e91d1
```
#6e91d1 rgb(110,145,209)
```
#7d9dd5
```
#7d9dd5 rgb(125,157,213)
```
#8ba8da
```
#8ba8da rgb(139,168,218)
```
#9ab3df
```
#9ab3df rgb(154,179,223)
```
#a9bee4
```
#a9bee4 rgb(169,190,228)
```
#b8c9e8
```
#b8c9e8 rgb(184,201,232)
```
#c7d5ed
```
#c7d5ed rgb(199,213,237)
```
#d6e0f2
```
#d6e0f2 rgb(214,224,242)
```
#e5ebf7
```
#e5ebf7 rgb(229,235,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#858a92
```
#858a92 rgb(133,138,146)
```
#7c879b
```
#7c879b rgb(124,135,155)
```
#7485a3
```
#7485a3 rgb(116,133,163)
```
#6b82ac
```
#6b82ac rgb(107,130,172)
```
#6280b5
```
#6280b5 rgb(98,128,181)
```
#597dbe
```
#597dbe rgb(89,125,190)
```
#507bc7
```
#507bc7 rgb(80,123,199)
```
#4779d0
```
#4779d0 rgb(71,121,208)
```
#3e76d9
```
#3e76d9 rgb(62,118,217)
```
#3574e2
```
#3574e2 rgb(53,116,226)
```
#2c71eb
```
#2c71eb rgb(44,113,235)
```
#246ff3
```
#246ff3 rgb(36,111,243)
```
#1b6cfc
```
#1b6cfc rgb(27,108,252)
```

Tone Color Variation

Below, you can see how #507bc7 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

#777777 Achromatopsia 0.005% of the population
#6f7887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6480c8 Protanopia 1% of men
#5382c9 Deuteranopia 1% of men
#3b8d97 Tritanopia 0.001% of the population

Trichromacy

#5c7ec7 Protanomaly 1% of men, 0.01% of women
#5280c8 Deuteranomaly 6% of men, 0.4% of women
#4286a8 Tritanomaly 0.01% of the population

#507bc7 hex color

#507bc7 Color Information

#507bc7 Color Conversion

Color Schemes with #507bc7

Alternatives to #507bc7

#507bc7 Preview

Shades and Tints of #507bc7

Tones of #507bc7

Color Blindness Simulator