#507eca hex color

In a RGB color space, hex #507eca is composed of 31.4% red, 49.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 37.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 217.4 degrees, a saturation of 53.5% and a lightness of 55.3%. #507eca color hex could be obtained by blending #a0fcff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 49
- B 79
RGB color chart
- C 60
- M 38
- Y 0
- K 21
CMYK color chart

● #507eca color description : Moderate blue.

The hexadecimal color #507eca has RGB values of R:80, G:126, B:202 and CMYK values of C:0.6, M:0.38, Y:0, K:0.21. Its decimal value is 5275338.

Hex triplet	507eca	`#507eca`
RGB Decimal	80, 126, 202	`rgb(80,126,202)`
RGB Percent	31.4, 49.4, 79.2	`rgb(31.4%,49.4%,79.2%)`
CMYK	60, 38, 0, 21
HSL	217.4°, 53.5, 55.3	`hsl(217.4,53.5%,55.3%)`
HSV (or HSB)	217.4°, 60.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.829, 7.631, -44.176
XYZ	21.427, 20.89, 58.777
xyY	0.212, 0.207, 20.89
CIE-LCH	52.829, 44.83, 279.801
CIE-LUV	52.829, -20.704, -69.012
Hunter-Lab	45.706, 3.698, -44.252
Binary	01010000, 01111110, 11001010

#507eca
```
#507eca rgb(80,126,202)
```
#ca9c50
```
#ca9c50 rgb(202,156,80)
```

Complementary Color

#50bbca
```
#50bbca rgb(80,187,202)
```
#507eca
```
#507eca rgb(80,126,202)
```
#5f50ca
```
#5f50ca rgb(95,80,202)
```

Analogous Color

#bbca50
```
#bbca50 rgb(187,202,80)
```
#507eca
```
#507eca rgb(80,126,202)
```
#ca5f50
```
#ca5f50 rgb(202,95,80)
```

Split Complementary Color

#7eca50
```
#7eca50 rgb(126,202,80)
```
#507eca
```
#507eca rgb(80,126,202)
```
#ca507e
```
#ca507e rgb(202,80,126)
```

Triadic Color

#50ca9c
```
#50ca9c rgb(80,202,156)
```
#507eca
```
#507eca rgb(80,126,202)
```
#ca507e
```
#ca507e rgb(202,80,126)
```
#ca9c50
```
#ca9c50 rgb(202,156,80)
```

Tetradic Color

#30599e
```
#30599e rgb(48,89,158)
```
#3664b1
```
#3664b1 rgb(54,100,177)
```
#3c70c4
```
#3c70c4 rgb(60,112,196)
```
#507eca
```
#507eca rgb(80,126,202)
```
#648cd0
```
#648cd0 rgb(100,140,208)
```
#779bd6
```
#779bd6 rgb(119,155,214)
```
#8ba9dc
```
#8ba9dc rgb(139,169,220)
```

Monochromatic Color

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

#509dca
```
#509dca rgb(80,157,202)
```
#5092ca
```
#5092ca rgb(80,146,202)
```
#5088ca
```
#5088ca rgb(80,136,202)
```
#507eca
```
#507eca rgb(80,126,202)
```
#5074ca
```
#5074ca rgb(80,116,202)
```
#506aca
```
#506aca rgb(80,106,202)
```
#5060ca
```
#5060ca rgb(80,96,202)
```

Similar Colors

Text with hexadecimal color #507eca

This text has a font color of #507eca.

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

#507eca background color

This paragraph has a background color of #507eca.

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

#507eca border color

This element has a border color of #507eca.

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

CSS codes

.text {color:#507eca;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1424
```
#0b1424 rgb(11,20,36)
```
#0f1d33
```
#0f1d33 rgb(15,29,51)
```
#142542
```
#142542 rgb(20,37,66)
```
#192e51
```
#192e51 rgb(25,46,81)
```
#1d3660
```
#1d3660 rgb(29,54,96)
```
#223f6f
```
#223f6f rgb(34,63,111)
```
#26477e
```
#26477e rgb(38,71,126)
```
#2b508d
```
#2b508d rgb(43,80,141)
```
#2f589c
```
#2f589c rgb(47,88,156)
```
#3461ab
```
#3461ab rgb(52,97,171)
```
#3869ba
```
#3869ba rgb(56,105,186)
```

Shade Color Variation

#4173c5
```
#4173c5 rgb(65,115,197)
```
#507eca
```
#507eca rgb(80,126,202)
```
#5f89cf
```
#5f89cf rgb(95,137,207)
```
#6e94d3
```
#6e94d3 rgb(110,148,211)
```
#7d9fd8
```
#7d9fd8 rgb(125,159,216)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#9bb5e1
```
#9bb5e1 rgb(155,181,225)
```
#aac1e5
```
#aac1e5 rgb(170,193,229)
```
#b9ccea
```
#b9ccea rgb(185,204,234)
```
#c8d7ee
```
#c8d7ee rgb(200,215,238)
```
#d8e2f3
```
#d8e2f3 rgb(216,226,243)
```
#e7edf8
```
#e7edf8 rgb(231,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#858b95
```
#858b95 rgb(133,139,149)
```
#7c899e
```
#7c899e rgb(124,137,158)
```
#7387a7
```
#7387a7 rgb(115,135,167)
```
#6a84b0
```
#6a84b0 rgb(106,132,176)
```
#6282b8
```
#6282b8 rgb(98,130,184)
```
#5980c1
```
#5980c1 rgb(89,128,193)
```
#507eca
```
#507eca rgb(80,126,202)
```
#477cd3
```
#477cd3 rgb(71,124,211)
```
#3e7adc
```
#3e7adc rgb(62,122,220)
```
#3678e4
```
#3678e4 rgb(54,120,228)
```
#2d75ed
```
#2d75ed rgb(45,117,237)
```
#2473f6
```
#2473f6 rgb(36,115,246)
```
#1b71ff
```
#1b71ff rgb(27,113,255)
```

Tone Color Variation

Below, you can see how #507eca 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
#717a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6682ca Protanopia 1% of men
#5685cc Deuteranopia 1% of men
#3a8f9a Tritanopia 0.001% of the population

Trichromacy

#5e80ca Protanomaly 1% of men, 0.01% of women
#5482cb Deuteranomaly 6% of men, 0.4% of women
#4289ab Tritanomaly 0.01% of the population

#507eca hex color

#507eca Color Information

#507eca Color Conversion

Color Schemes with #507eca

Alternatives to #507eca

#507eca Preview

Shades and Tints of #507eca

Tones of #507eca

Color Blindness Simulator