#507dc7 hex color

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

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

● #507dc7 color description : Moderate blue.

The hexadecimal color #507dc7 has RGB values of R:80, G:125, B:199 and CMYK values of C:0.6, M:0.37, Y:0, K:0.22. Its decimal value is 5275079.

Hex triplet	507dc7	`#507dc7`
RGB Decimal	80, 125, 199	`rgb(80,125,199)`
RGB Percent	31.4, 49, 78	`rgb(31.4%,49%,78%)`
CMYK	60, 37, 0, 22
HSL	217.3°, 51.5, 54.7	`hsl(217.3,51.5%,54.7%)`
HSV (or HSB)	217.3°, 59.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.392, 7.229, -43.159
XYZ	20.948, 20.495, 56.882
xyY	0.213, 0.208, 20.495
CIE-LCH	52.392, 43.761, 279.509
CIE-LUV	52.392, -20.381, -67.225
Hunter-Lab	45.271, 3.372, -42.806
Binary	01010000, 01111101, 11000111

#507dc7
```
#507dc7 rgb(80,125,199)
```
#c79a50
```
#c79a50 rgb(199,154,80)
```

Complementary Color

#50b9c7
```
#50b9c7 rgb(80,185,199)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#5f50c7
```
#5f50c7 rgb(95,80,199)
```

Analogous Color

#b9c750
```
#b9c750 rgb(185,199,80)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#c75f50
```
#c75f50 rgb(199,95,80)
```

Split Complementary Color

#7dc750
```
#7dc750 rgb(125,199,80)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#c7507d
```
#c7507d rgb(199,80,125)
```

Triadic Color

#50c79a
```
#50c79a rgb(80,199,154)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#c7507d
```
#c7507d rgb(199,80,125)
```
#c79a50
```
#c79a50 rgb(199,154,80)
```

Tetradic Color

#315999
```
#315999 rgb(49,89,153)
```
#3764ad
```
#3764ad rgb(55,100,173)
```
#3d6fc0
```
#3d6fc0 rgb(61,111,192)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#638bcd
```
#638bcd rgb(99,139,205)
```
#779ad3
```
#779ad3 rgb(119,154,211)
```
#8aa8da
```
#8aa8da rgb(138,168,218)
```

Monochromatic Color

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

#509bc7
```
#509bc7 rgb(80,155,199)
```
#5091c7
```
#5091c7 rgb(80,145,199)
```
#5087c7
```
#5087c7 rgb(80,135,199)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#5073c7
```
#5073c7 rgb(80,115,199)
```
#5069c7
```
#5069c7 rgb(80,105,199)
```
#505fc7
```
#505fc7 rgb(80,95,199)
```

Similar Colors

Text with hexadecimal color #507dc7

This text has a font color of #507dc7.

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

#507dc7 background color

This paragraph has a background color of #507dc7.

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

#507dc7 border color

This element has a border color of #507dc7.

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

CSS codes

.text {color:#507dc7;}

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

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

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)
```
#0f1c30
```
#0f1c30 rgb(15,28,48)
```
#14243f
```
#14243f rgb(20,36,63)
```
#192d4e
```
#192d4e rgb(25,45,78)
```
#1e355c
```
#1e355c rgb(30,53,92)
```
#223e6b
```
#223e6b rgb(34,62,107)
```
#27477a
```
#27477a rgb(39,71,122)
```
#2c4f89
```
#2c4f89 rgb(44,79,137)
```
#315898
```
#315898 rgb(49,88,152)
```
#3560a7
```
#3560a7 rgb(53,96,167)
```
#3a69b6
```
#3a69b6 rgb(58,105,182)
```

Shade Color Variation

#4172c2
```
#4172c2 rgb(65,114,194)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#5f88cc
```
#5f88cc rgb(95,136,204)
```
#6e93d1
```
#6e93d1 rgb(110,147,209)
```
#7d9ed5
```
#7d9ed5 rgb(125,158,213)
```
#8ba9da
```
#8ba9da rgb(139,169,218)
```
#9ab4df
```
#9ab4df rgb(154,180,223)
```
#a9bfe4
```
#a9bfe4 rgb(169,191,228)
```
#b8cae8
```
#b8cae8 rgb(184,202,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 #1b70fc is the most saturated one.

#858a92
```
#858a92 rgb(133,138,146)
```
#7c889b
```
#7c889b rgb(124,136,155)
```
#7486a3
```
#7486a3 rgb(116,134,163)
```
#6b83ac
```
#6b83ac rgb(107,131,172)
```
#6281b5
```
#6281b5 rgb(98,129,181)
```
#597fbe
```
#597fbe rgb(89,127,190)
```
#507dc7
```
#507dc7 rgb(80,125,199)
```
#477bd0
```
#477bd0 rgb(71,123,208)
```
#3e79d9
```
#3e79d9 rgb(62,121,217)
```
#3577e2
```
#3577e2 rgb(53,119,226)
```
#2c74eb
```
#2c74eb rgb(44,116,235)
```
#2472f3
```
#2472f3 rgb(36,114,243)
```
#1b70fc
```
#1b70fc rgb(27,112,252)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#707988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6681c8 Protanopia 1% of men
#5784c9 Deuteranopia 1% of men
#3c8e98 Tritanopia 0.001% of the population

Trichromacy

#5e7fc7 Protanomaly 1% of men, 0.01% of women
#5481c8 Deuteranomaly 6% of men, 0.4% of women
#4388a9 Tritanomaly 0.01% of the population

#507dc7 hex color

#507dc7 Color Information

#507dc7 Color Conversion

Color Schemes with #507dc7

Alternatives to #507dc7

#507dc7 Preview

Shades and Tints of #507dc7

Tones of #507dc7

Color Blindness Simulator