#507ece hex color

In a RGB color space, hex #507ece is composed of 31.4% red, 49.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 38.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 218.1 degrees, a saturation of 56.3% and a lightness of 56.1%. #507ece color hex could be obtained by blending #a0fcff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 49
- B 81
RGB color chart
- C 61
- M 39
- Y 0
- K 19
CMYK color chart

● #507ece color description : Moderate blue.

The hexadecimal color #507ece has RGB values of R:80, G:126, B:206 and CMYK values of C:0.61, M:0.39, Y:0, K:0.19. Its decimal value is 5275342.

Hex triplet	507ece	`#507ece`
RGB Decimal	80, 126, 206	`rgb(80,126,206)`
RGB Percent	31.4, 49.4, 80.8	`rgb(31.4%,49.4%,80.8%)`
CMYK	61, 39, 0, 19
HSL	218.1°, 56.3, 56.1	`hsl(218.1,56.3%,56.1%)`
HSV (or HSB)	218.1°, 61.2, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.039, 8.98, -46.115
XYZ	21.907, 21.082, 61.304
xyY	0.21, 0.202, 21.082
CIE-LCH	53.039, 46.981, 281.02
CIE-LUV	53.039, -20.675, -72.321
Hunter-Lab	45.915, 4.815, -47.021
Binary	01010000, 01111110, 11001110

#507ece
```
#507ece rgb(80,126,206)
```
#cea050
```
#cea050 rgb(206,160,80)
```

Complementary Color

#50bdce
```
#50bdce rgb(80,189,206)
```
#507ece
```
#507ece rgb(80,126,206)
```
#6150ce
```
#6150ce rgb(97,80,206)
```

Analogous Color

#bdce50
```
#bdce50 rgb(189,206,80)
```
#507ece
```
#507ece rgb(80,126,206)
```
#ce6150
```
#ce6150 rgb(206,97,80)
```

Split Complementary Color

#7ece50
```
#7ece50 rgb(126,206,80)
```
#507ece
```
#507ece rgb(80,126,206)
```
#ce507e
```
#ce507e rgb(206,80,126)
```

Triadic Color

#50cea0
```
#50cea0 rgb(80,206,160)
```
#507ece
```
#507ece rgb(80,126,206)
```
#ce507e
```
#ce507e rgb(206,80,126)
```
#cea050
```
#cea050 rgb(206,160,80)
```

Tetradic Color

#2e59a4
```
#2e59a4 rgb(46,89,164)
```
#3364b8
```
#3364b8 rgb(51,100,184)
```
#3c6fc8
```
#3c6fc8 rgb(60,111,200)
```
#507ece
```
#507ece rgb(80,126,206)
```
#648dd4
```
#648dd4 rgb(100,141,212)
```
#789bd9
```
#789bd9 rgb(120,155,217)
```
#8caadf
```
#8caadf rgb(140,170,223)
```

Monochromatic Color

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

#509ece
```
#509ece rgb(80,158,206)
```
#5093ce
```
#5093ce rgb(80,147,206)
```
#5089ce
```
#5089ce rgb(80,137,206)
```
#507ece
```
#507ece rgb(80,126,206)
```
#5074ce
```
#5074ce rgb(80,116,206)
```
#5069ce
```
#5069ce rgb(80,105,206)
```
#505ece
```
#505ece rgb(80,94,206)
```

Similar Colors

Text with hexadecimal color #507ece

This text has a font color of #507ece.

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

#507ece background color

This paragraph has a background color of #507ece.

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

#507ece border color

This element has a border color of #507ece.

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

CSS codes

.text {color:#507ece;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0b1528
```
#0b1528 rgb(11,21,40)
```
#0f1e37
```
#0f1e37 rgb(15,30,55)
```
#142646
```
#142646 rgb(20,38,70)
```
#182e56
```
#182e56 rgb(24,46,86)
```
#1c3765
```
#1c3765 rgb(28,55,101)
```
#213f74
```
#213f74 rgb(33,63,116)
```
#254783
```
#254783 rgb(37,71,131)
```
#295093
```
#295093 rgb(41,80,147)
```
#2d58a2
```
#2d58a2 rgb(45,88,162)
```
#3260b1
```
#3260b1 rgb(50,96,177)
```
#3669c1
```
#3669c1 rgb(54,105,193)
```

Shade Color Variation

#4173ca
```
#4173ca rgb(65,115,202)
```
#507ece
```
#507ece rgb(80,126,206)
```
#5f89d2
```
#5f89d2 rgb(95,137,210)
```
#6f95d7
```
#6f95d7 rgb(111,149,215)
```
#7ea0db
```
#7ea0db rgb(126,160,219)
```
#8dabdf
```
#8dabdf rgb(141,171,223)
```
#9db6e3
```
#9db6e3 rgb(157,182,227)
```
#acc2e8
```
#acc2e8 rgb(172,194,232)
```
#bbcdec
```
#bbcdec rgb(187,205,236)
```
#cbd8f0
```
#cbd8f0 rgb(203,216,240)
```
#dae4f5
```
#dae4f5 rgb(218,228,245)
```
#e9eff9
```
#e9eff9 rgb(233,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#8c8e92
```
#8c8e92 rgb(140,142,146)
```
#848c9a
```
#848c9a rgb(132,140,154)
```
#7b8aa3
```
#7b8aa3 rgb(123,138,163)
```
#7287ac
```
#7287ac rgb(114,135,172)
```
#6a85b4
```
#6a85b4 rgb(106,133,180)
```
#6183bd
```
#6183bd rgb(97,131,189)
```
#5980c5
```
#5980c5 rgb(89,128,197)
```
#507ece
```
#507ece rgb(80,126,206)
```
#477cd7
```
#477cd7 rgb(71,124,215)
```
#3f79df
```
#3f79df rgb(63,121,223)
```
#3677e8
```
#3677e8 rgb(54,119,232)
```
#2e75f0
```
#2e75f0 rgb(46,117,240)
```
#2572f9
```
#2572f9 rgb(37,114,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6482cf Protanopia 1% of men
#5285d0 Deuteranopia 1% of men
#36909b Tritanopia 0.001% of the population

Trichromacy

#5d81ce Protanomaly 1% of men, 0.01% of women
#5183cf Deuteranomaly 6% of men, 0.4% of women
#4089ad Tritanomaly 0.01% of the population

#507ece hex color

#507ece Color Information

#507ece Color Conversion

Color Schemes with #507ece

Alternatives to #507ece

#507ece Preview

Shades and Tints of #507ece

Tones of #507ece

Color Blindness Simulator