#507bb9 hex color

In a RGB color space, hex #507bb9 is composed of 31.4% red, 48.2% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 33.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 215.4 degrees, a saturation of 42.9% and a lightness of 52%. #507bb9 color hex could be obtained by blending #a0f6ff 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

● #507bb9 color description : Moderate blue.

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

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

CIE-LAB	51.121, 3.787, -37.149
XYZ	19.146, 19.373, 48.627
xyY	0.22, 0.222, 19.373
CIE-LCH	51.121, 37.341, 275.821
CIE-LUV	51.121, -19.772, -56.925
Hunter-Lab	44.015, 0.62, -34.692
Binary	01010000, 01111011, 10111001

#507bb9
```
#507bb9 rgb(80,123,185)
```
#b98e50
```
#b98e50 rgb(185,142,80)
```

Complementary Color

#50b0b9
```
#50b0b9 rgb(80,176,185)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#5950b9
```
#5950b9 rgb(89,80,185)
```

Analogous Color

#b0b950
```
#b0b950 rgb(176,185,80)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#b95a50
```
#b95a50 rgb(185,90,80)
```

Split Complementary Color

#7bb950
```
#7bb950 rgb(123,185,80)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#b9507b
```
#b9507b rgb(185,80,123)
```

Triadic Color

#50b98e
```
#50b98e rgb(80,185,142)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#b9507b
```
#b9507b rgb(185,80,123)
```
#b98e50
```
#b98e50 rgb(185,142,80)
```

Tetradic Color

#365787
```
#365787 rgb(54,87,135)
```
#3d6399
```
#3d6399 rgb(61,99,153)
```
#446eab
```
#446eab rgb(68,110,171)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#6289c0
```
#6289c0 rgb(98,137,192)
```
#7496c8
```
#7496c8 rgb(116,150,200)
```
#87a4cf
```
#87a4cf rgb(135,164,207)
```

Monochromatic Color

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

#5095b9
```
#5095b9 rgb(80,149,185)
```
#508db9
```
#508db9 rgb(80,141,185)
```
#5084b9
```
#5084b9 rgb(80,132,185)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#5072b9
```
#5072b9 rgb(80,114,185)
```
#506ab9
```
#506ab9 rgb(80,106,185)
```
#5061b9
```
#5061b9 rgb(80,97,185)
```

Similar Colors

Text with hexadecimal color #507bb9

This text has a font color of #507bb9.

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

#507bb9 background color

This paragraph has a background color of #507bb9.

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

#507bb9 border color

This element has a border color of #507bb9.

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

CSS codes

.text {color:#507bb9;}

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

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

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)
```
#142031
```
#142031 rgb(20,32,49)
```
#19293f
```
#19293f rgb(25,41,63)
```
#1f324d
```
#1f324d rgb(31,50,77)
```
#243b5b
```
#243b5b rgb(36,59,91)
```
#2a4469
```
#2a4469 rgb(42,68,105)
```
#304d77
```
#304d77 rgb(48,77,119)
```
#355685
```
#355685 rgb(53,86,133)
```
#3b5f93
```
#3b5f93 rgb(59,95,147)
```
#4168a1
```
#4168a1 rgb(65,104,161)
```
#4671af
```
#4671af rgb(70,113,175)
```

Shade Color Variation

#507bb9
```
#507bb9 rgb(80,123,185)
```
#5e86bf
```
#5e86bf rgb(94,134,191)
```
#6c90c4
```
#6c90c4 rgb(108,144,196)
```
#7a9bca
```
#7a9bca rgb(122,155,202)
```
#88a5cf
```
#88a5cf rgb(136,165,207)
```
#96b0d5
```
#96b0d5 rgb(150,176,213)
```
#a4badb
```
#a4badb rgb(164,186,219)
```
#b2c5e0
```
#b2c5e0 rgb(178,197,224)
```
#c0d0e6
```
#c0d0e6 rgb(192,208,230)
```
#cedaeb
```
#cedaeb rgb(206,218,235)
```
#dce5f1
```
#dce5f1 rgb(220,229,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, #7f848a is the less saturated color, while #0e6ffb is the most saturated one.

#7f848a
```
#7f848a rgb(127,132,138)
```
#768293
```
#768293 rgb(118,130,147)
```
#6c809d
```
#6c809d rgb(108,128,157)
```
#637ea6
```
#637ea6 rgb(99,126,166)
```
#597db0
```
#597db0 rgb(89,125,176)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#4779c2
```
#4779c2 rgb(71,121,194)
```
#3d78cc
```
#3d78cc rgb(61,120,204)
```
#3476d5
```
#3476d5 rgb(52,118,213)
```
#2a74df
```
#2a74df rgb(42,116,223)
```
#2172e8
```
#2172e8 rgb(33,114,232)
```
#1771f2
```
#1771f2 rgb(23,113,242)
```
#0e6ffb
```
#0e6ffb rgb(14,111,251)
```

Tone Color Variation

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

#6a7eba Protanopia 1% of men
#6080bd Deuteranopia 1% of men
#448a94 Tritanopia 0.001% of the population

Trichromacy

#607db9 Protanomaly 1% of men, 0.01% of women
#5a7ebb Deuteranomaly 6% of men, 0.4% of women
#4884a1 Tritanomaly 0.01% of the population

#507bb9 hex color

#507bb9 Color Information

#507bb9 Color Conversion

Color Schemes with #507bb9

Alternatives to #507bb9

#507bb9 Preview

Shades and Tints of #507bb9

Tones of #507bb9

Color Blindness Simulator