#507eba hex color

In a RGB color space, hex #507eba is composed of 31.4% red, 49.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 32.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 214 degrees, a saturation of 43.4% and a lightness of 52.2%. #507eba color hex could be obtained by blending #a0fcff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 49
- B 73
RGB color chart
- C 57
- M 32
- Y 0
- K 27
CMYK color chart

● #507eba color description : Moderate blue.

The hexadecimal color #507eba has RGB values of R:80, G:126, B:186 and CMYK values of C:0.57, M:0.32, Y:0, K:0.27. Its decimal value is 5275322.

Hex triplet	507eba	`#507eba`
RGB Decimal	80, 126, 186	`rgb(80,126,186)`
RGB Percent	31.4, 49.4, 72.9	`rgb(31.4%,49.4%,72.9%)`
CMYK	57, 32, 0, 27
HSL	214°, 43.4, 52.2	`hsl(214,43.4%,52.2%)`
HSV (or HSB)	214°, 57, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.03, 2.316, -36.294
XYZ	19.63, 20.171, 49.311
xyY	0.22, 0.226, 20.171
CIE-LCH	52.03, 36.368, 273.651
CIE-LUV	52.03, -20.848, -55.59
Hunter-Lab	44.912, -0.579, -33.658
Binary	01010000, 01111110, 10111010

#507eba
```
#507eba rgb(80,126,186)
```
#ba8c50
```
#ba8c50 rgb(186,140,80)
```

Complementary Color

#50b3ba
```
#50b3ba rgb(80,179,186)
```
#507eba
```
#507eba rgb(80,126,186)
```
#5750ba
```
#5750ba rgb(87,80,186)
```

Analogous Color

#b3ba50
```
#b3ba50 rgb(179,186,80)
```
#507eba
```
#507eba rgb(80,126,186)
```
#ba5750
```
#ba5750 rgb(186,87,80)
```

Split Complementary Color

#7eba50
```
#7eba50 rgb(126,186,80)
```
#507eba
```
#507eba rgb(80,126,186)
```
#ba507e
```
#ba507e rgb(186,80,126)
```

Triadic Color

#50ba8c
```
#50ba8c rgb(80,186,140)
```
#507eba
```
#507eba rgb(80,126,186)
```
#ba507e
```
#ba507e rgb(186,80,126)
```
#ba8c50
```
#ba8c50 rgb(186,140,80)
```

Tetradic Color

#365988
```
#365988 rgb(54,89,136)
```
#3d659a
```
#3d659a rgb(61,101,154)
```
#4471ac
```
#4471ac rgb(68,113,172)
```
#507eba
```
#507eba rgb(80,126,186)
```
#628bc1
```
#628bc1 rgb(98,139,193)
```
#7599c8
```
#7599c8 rgb(117,153,200)
```
#87a6d0
```
#87a6d0 rgb(135,166,208)
```

Monochromatic Color

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

#5099ba
```
#5099ba rgb(80,153,186)
```
#5090ba
```
#5090ba rgb(80,144,186)
```
#5087ba
```
#5087ba rgb(80,135,186)
```
#507eba
```
#507eba rgb(80,126,186)
```
#5075ba
```
#5075ba rgb(80,117,186)
```
#506cba
```
#506cba rgb(80,108,186)
```
#5064ba
```
#5064ba rgb(80,100,186)
```

Similar Colors

Text with hexadecimal color #507eba

This text has a font color of #507eba.

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

#507eba background color

This paragraph has a background color of #507eba.

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

#507eba border color

This element has a border color of #507eba.

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

CSS codes

.text {color:#507eba;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090e16
```
#090e16 rgb(9,14,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142132
```
#142132 rgb(20,33,50)
```
#192a40
```
#192a40 rgb(25,42,64)
```
#1f334e
```
#1f334e rgb(31,51,78)
```
#243d5c
```
#243d5c rgb(36,61,92)
```
#2a466a
```
#2a466a rgb(42,70,106)
```
#2f4f78
```
#2f4f78 rgb(47,79,120)
```
#355887
```
#355887 rgb(53,88,135)
```
#3b6295
```
#3b6295 rgb(59,98,149)
```
#406ba3
```
#406ba3 rgb(64,107,163)
```
#4674b1
```
#4674b1 rgb(70,116,177)
```

Shade Color Variation

#507eba
```
#507eba rgb(80,126,186)
```
#5e88c0
```
#5e88c0 rgb(94,136,192)
```
#6c93c5
```
#6c93c5 rgb(108,147,197)
```
#7a9dcb
```
#7a9dcb rgb(122,157,203)
```
#88a7d0
```
#88a7d0 rgb(136,167,208)
```
#96b2d6
```
#96b2d6 rgb(150,178,214)
```
#a4bcdb
```
#a4bcdb rgb(164,188,219)
```
#b2c7e1
```
#b2c7e1 rgb(178,199,225)
```
#c1d1e6
```
#c1d1e6 rgb(193,209,230)
```
#cfdbec
```
#cfdbec rgb(207,219,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,241)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f848b is the less saturated color, while #0e75fc is the most saturated one.

#7f848b
```
#7f848b rgb(127,132,139)
```
#768394
```
#768394 rgb(118,131,148)
```
#6c829e
```
#6c829e rgb(108,130,158)
```
#6380a7
```
#6380a7 rgb(99,128,167)
```
#597fb1
```
#597fb1 rgb(89,127,177)
```
#507eba
```
#507eba rgb(80,126,186)
```
#477dc3
```
#477dc3 rgb(71,125,195)
```
#3d7ccd
```
#3d7ccd rgb(61,124,205)
```
#347ad6
```
#347ad6 rgb(52,122,214)
```
#2a79e0
```
#2a79e0 rgb(42,121,224)
```
#2178e9
```
#2178e9 rgb(33,120,233)
```
#1877f2
```
#1877f2 rgb(24,119,242)
```
#0e75fc
```
#0e75fc rgb(14,117,252)
```

Tone Color Variation

Below, you can see how #507eba 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
#6f7884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d80ba Protanopia 1% of men
#6482be Deuteranopia 1% of men
#458c97 Tritanopia 0.001% of the population

Trichromacy

#637fba Protanomaly 1% of men, 0.01% of women
#5c80bc Deuteranomaly 6% of men, 0.4% of women
#4987a3 Tritanomaly 0.01% of the population

#507eba hex color

#507eba Color Information

#507eba Color Conversion

Color Schemes with #507eba

Alternatives to #507eba

#507eba Preview

Shades and Tints of #507eba

Tones of #507eba

Color Blindness Simulator