#507ab9 hex color

In a RGB color space, hex #507ab9 is composed of 31.4% red, 47.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 34.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 216 degrees, a saturation of 42.9% and a lightness of 52%. #507ab9 color hex could be obtained by blending #a0f4ff with #000073. Closest websafe color is: #6666cc.

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

● #507ab9 color description : Moderate blue.

The hexadecimal color #507ab9 has RGB values of R:80, G:122, B:185 and CMYK values of C:0.57, M:0.34, Y:0, K:0.27. Its decimal value is 5274297.

Hex triplet	507ab9	`#507ab9`
RGB Decimal	80, 122, 185	`rgb(80,122,185)`
RGB Percent	31.4, 47.8, 72.5	`rgb(31.4%,47.8%,72.5%)`
CMYK	57, 34, 0, 27
HSL	216°, 42.9, 52	`hsl(216,42.9%,52%)`
HSV (or HSB)	216°, 56.8, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.835, 4.39, -37.599
XYZ	19.023, 19.126, 48.586
xyY	0.219, 0.221, 19.126
CIE-LCH	50.835, 37.855, 276.66
CIE-LUV	50.835, -19.412, -57.645
Hunter-Lab	43.734, 1.108, -35.254
Binary	01010000, 01111010, 10111001

#507ab9
```
#507ab9 rgb(80,122,185)
```
#b98f50
```
#b98f50 rgb(185,143,80)
```

Complementary Color

#50afb9
```
#50afb9 rgb(80,175,185)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#5a50b9
```
#5a50b9 rgb(90,80,185)
```

Analogous Color

#afb950
```
#afb950 rgb(175,185,80)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#b95b50
```
#b95b50 rgb(185,91,80)
```

Split Complementary Color

#7ab950
```
#7ab950 rgb(122,185,80)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#b9507a
```
#b9507a rgb(185,80,122)
```

Triadic Color

#50b98f
```
#50b98f rgb(80,185,143)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#b9507a
```
#b9507a rgb(185,80,122)
```
#b98f50
```
#b98f50 rgb(185,143,80)
```

Tetradic Color

#365687
```
#365687 rgb(54,86,135)
```
#3d6299
```
#3d6299 rgb(61,98,153)
```
#446dab
```
#446dab rgb(68,109,171)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#6288c0
```
#6288c0 rgb(98,136,192)
```
#7496c8
```
#7496c8 rgb(116,150,200)
```
#87a4cf
```
#87a4cf rgb(135,164,207)
```

Monochromatic Color

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

#5094b9
```
#5094b9 rgb(80,148,185)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#5083b9
```
#5083b9 rgb(80,131,185)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#5071b9
```
#5071b9 rgb(80,113,185)
```
#5069b9
```
#5069b9 rgb(80,105,185)
```
#5060b9
```
#5060b9 rgb(80,96,185)
```

Similar Colors

Text with hexadecimal color #507ab9

This text has a font color of #507ab9.

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

#507ab9 background color

This paragraph has a background color of #507ab9.

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

#507ab9 border color

This element has a border color of #507ab9.

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

CSS codes

.text {color:#507ab9;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#080e15
```
#080e15 rgb(8,14,21)
```
#0e1723
```
#0e1723 rgb(14,23,35)
```
#141f31
```
#141f31 rgb(20,31,49)
```
#19283f
```
#19283f rgb(25,40,63)
```
#1f314d
```
#1f314d rgb(31,49,77)
```
#243a5b
```
#243a5b rgb(36,58,91)
```
#2a4369
```
#2a4369 rgb(42,67,105)
```
#304c77
```
#304c77 rgb(48,76,119)
```
#355585
```
#355585 rgb(53,85,133)
```
#3b5e93
```
#3b5e93 rgb(59,94,147)
```
#4167a1
```
#4167a1 rgb(65,103,161)
```
#4670af
```
#4670af rgb(70,112,175)
```

Shade Color Variation

#507ab9
```
#507ab9 rgb(80,122,185)
```
#5e85bf
```
#5e85bf rgb(94,133,191)
```
#6c8fc4
```
#6c8fc4 rgb(108,143,196)
```
#7a9aca
```
#7a9aca rgb(122,154,202)
```
#88a5cf
```
#88a5cf rgb(136,165,207)
```
#96afd5
```
#96afd5 rgb(150,175,213)
```
#a4badb
```
#a4badb rgb(164,186,219)
```
#b2c5e0
```
#b2c5e0 rgb(178,197,224)
```
#c0cfe6
```
#c0cfe6 rgb(192,207,230)
```
#cedaeb
```
#cedaeb rgb(206,218,235)
```
#dce4f1
```
#dce4f1 rgb(220,228,241)
```
#eaeff7
```
#eaeff7 rgb(234,239,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#7f838a
```
#7f838a rgb(127,131,138)
```
#768293
```
#768293 rgb(118,130,147)
```
#6c809d
```
#6c809d rgb(108,128,157)
```
#637ea6
```
#637ea6 rgb(99,126,166)
```
#597cb0
```
#597cb0 rgb(89,124,176)
```
#507ab9
```
#507ab9 rgb(80,122,185)
```
#4778c2
```
#4778c2 rgb(71,120,194)
```
#3d76cc
```
#3d76cc rgb(61,118,204)
```
#3474d5
```
#3474d5 rgb(52,116,213)
```
#2a72df
```
#2a72df rgb(42,114,223)
```
#2171e8
```
#2171e8 rgb(33,113,232)
```
#176ff2
```
#176ff2 rgb(23,111,242)
```
#0e6dfb
```
#0e6dfb rgb(14,109,251)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697eba Protanopia 1% of men
#5e7fbd Deuteranopia 1% of men
#448993 Tritanopia 0.001% of the population

Trichromacy

#607cb9 Protanomaly 1% of men, 0.01% of women
#597dbb Deuteranomaly 6% of men, 0.4% of women
#4883a1 Tritanomaly 0.01% of the population

#507ab9 hex color

#507ab9 Color Information

#507ab9 Color Conversion

Color Schemes with #507ab9

Alternatives to #507ab9

#507ab9 Preview

Shades and Tints of #507ab9

Tones of #507ab9

Color Blindness Simulator