#507fd4 hex color

In a RGB color space, hex #507fd4 is composed of 31.4% red, 49.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 40.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 218.6 degrees, a saturation of 60.6% and a lightness of 57.3%. #507fd4 color hex could be obtained by blending #a0feff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 50
- B 83
RGB color chart
- C 62
- M 40
- Y 0
- K 17
CMYK color chart

● #507fd4 color description : Moderate blue.

The hexadecimal color #507fd4 has RGB values of R:80, G:127, B:212 and CMYK values of C:0.62, M:0.4, Y:0, K:0.17. Its decimal value is 5275604.

Hex triplet	507fd4	`#507fd4`
RGB Decimal	80, 127, 212	`rgb(80,127,212)`
RGB Percent	31.4, 49.8, 83.1	`rgb(31.4%,49.8%,83.1%)`
CMYK	62, 40, 0, 17
HSL	218.6°, 60.6, 57.3	`hsl(218.6,60.6%,57.3%)`
HSV (or HSB)	218.6°, 62.3, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.639, 10.407, -48.559
XYZ	22.779, 21.636, 65.26
xyY	0.208, 0.197, 21.636
CIE-LCH	53.639, 49.662, 282.097
CIE-LUV	53.639, -20.97, -76.558
Hunter-Lab	46.515, 6.012, -50.623
Binary	01010000, 01111111, 11010100

#507fd4
```
#507fd4 rgb(80,127,212)
```
#d4a550
```
#d4a550 rgb(212,165,80)
```

Complementary Color

#50c1d4
```
#50c1d4 rgb(80,193,212)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#6350d4
```
#6350d4 rgb(99,80,212)
```

Analogous Color

#c1d450
```
#c1d450 rgb(193,212,80)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#d46350
```
#d46350 rgb(212,99,80)
```

Split Complementary Color

#7fd450
```
#7fd450 rgb(127,212,80)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#d4507f
```
#d4507f rgb(212,80,127)
```

Triadic Color

#50d4a5
```
#50d4a5 rgb(80,212,165)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#d4507f
```
#d4507f rgb(212,80,127)
```
#d4a550
```
#d4a550 rgb(212,165,80)
```

Tetradic Color

#2b59ad
```
#2b59ad rgb(43,89,173)
```
#3063c1
```
#3063c1 rgb(48,99,193)
```
#3c70cf
```
#3c70cf rgb(60,112,207)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#648ed9
```
#648ed9 rgb(100,142,217)
```
#799dde
```
#799dde rgb(121,157,222)
```
#8dace3
```
#8dace3 rgb(141,172,227)
```

Monochromatic Color

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

#50a0d4
```
#50a0d4 rgb(80,160,212)
```
#5095d4
```
#5095d4 rgb(80,149,212)
```
#508ad4
```
#508ad4 rgb(80,138,212)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#5074d4
```
#5074d4 rgb(80,116,212)
```
#5069d4
```
#5069d4 rgb(80,105,212)
```
#505ed4
```
#505ed4 rgb(80,94,212)
```

Similar Colors

Text with hexadecimal color #507fd4

This text has a font color of #507fd4.

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

#507fd4 background color

This paragraph has a background color of #507fd4.

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

#507fd4 border color

This element has a border color of #507fd4.

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

CSS codes

.text {color:#507fd4;}

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

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

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, #03070e is the darkest color, while #fdfeff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#070f1e
```
#070f1e rgb(7,15,30)
```
#0b172d
```
#0b172d rgb(11,23,45)
```
#0f1f3d
```
#0f1f3d rgb(15,31,61)
```
#13284d
```
#13284d rgb(19,40,77)
```
#17305d
```
#17305d rgb(23,48,93)
```
#1b386c
```
#1b386c rgb(27,56,108)
```
#1f407c
```
#1f407c rgb(31,64,124)
```
#22488c
```
#22488c rgb(34,72,140)
```
#26509c
```
#26509c rgb(38,80,156)
```
#2a58ab
```
#2a58ab rgb(42,88,171)
```
#2e60bb
```
#2e60bb rgb(46,96,187)
```
#3268cb
```
#3268cb rgb(50,104,203)
```

Shade Color Variation

#4073d0
```
#4073d0 rgb(64,115,208)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#608bd8
```
#608bd8 rgb(96,139,216)
```
#6f96dc
```
#6f96dc rgb(111,150,220)
```
#7fa2e0
```
#7fa2e0 rgb(127,162,224)
```
#8fade3
```
#8fade3 rgb(143,173,227)
```
#9fb9e7
```
#9fb9e7 rgb(159,185,231)
```
#aec4eb
```
#aec4eb rgb(174,196,235)
```
#bed0ef
```
#bed0ef rgb(190,208,239)
```
#cedbf3
```
#cedbf3 rgb(206,219,243)
```
#dee7f7
```
#dee7f7 rgb(222,231,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9099 is the less saturated color, while #2673fe is the most saturated one.

#8b9099
```
#8b9099 rgb(139,144,153)
```
#828da2
```
#828da2 rgb(130,141,162)
```
#7a8baa
```
#7a8baa rgb(122,139,170)
```
#7289b2
```
#7289b2 rgb(114,137,178)
```
#6986bb
```
#6986bb rgb(105,134,187)
```
#6184c3
```
#6184c3 rgb(97,132,195)
```
#5881cc
```
#5881cc rgb(88,129,204)
```
#507fd4
```
#507fd4 rgb(80,127,212)
```
#487ddc
```
#487ddc rgb(72,125,220)
```
#3f7ae5
```
#3f7ae5 rgb(63,122,229)
```
#3778ed
```
#3778ed rgb(55,120,237)
```
#2e75f6
```
#2e75f6 rgb(46,117,246)
```
#2673fe
```
#2673fe rgb(38,115,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#727c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6284d5 Protanopia 1% of men
#4d87d5 Deuteranopia 1% of men
#31929d Tritanopia 0.001% of the population

Trichromacy

#5b82d4 Protanomaly 1% of men, 0.01% of women
#4e84d4 Deuteranomaly 6% of men, 0.4% of women
#3c8bb1 Tritanomaly 0.01% of the population

#507fd4 hex color

#507fd4 Color Information

#507fd4 Color Conversion

Color Schemes with #507fd4

Alternatives to #507fd4

#507fd4 Preview

Shades and Tints of #507fd4

Tones of #507fd4

Color Blindness Simulator