#507ac9 hex color

In a RGB color space, hex #507ac9 is composed of 31.4% red, 47.8% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 39.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 219.2 degrees, a saturation of 52.8% and a lightness of 55.1%. #507ac9 color hex could be obtained by blending #a0f4ff with #000093. Closest websafe color is: #6666cc.

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

● #507ac9 color description : Moderate blue.

The hexadecimal color #507ac9 has RGB values of R:80, G:122, B:201 and CMYK values of C:0.6, M:0.39, Y:0, K:0.21. Its decimal value is 5274313.

Hex triplet	507ac9	`#507ac9`
RGB Decimal	80, 122, 201	`rgb(80,122,201)`
RGB Percent	31.4, 47.8, 78.8	`rgb(31.4%,47.8%,78.8%)`
CMYK	60, 39, 0, 21
HSL	219.2°, 52.8, 55.1	`hsl(219.2,52.8%,55.1%)`
HSV (or HSB)	219.2°, 60.2, 78.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.656, 9.726, -45.466
XYZ	20.808, 19.84, 57.988
xyY	0.211, 0.201, 19.84
CIE-LCH	51.656, 46.495, 282.075
CIE-LUV	51.656, -19.339, -70.968
Hunter-Lab	44.543, 5.437, -46.008
Binary	01010000, 01111010, 11001001

#507ac9
```
#507ac9 rgb(80,122,201)
```
#c99f50
```
#c99f50 rgb(201,159,80)
```

Complementary Color

#50b7c9
```
#50b7c9 rgb(80,183,201)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#6350c9
```
#6350c9 rgb(99,80,201)
```

Analogous Color

#b7c950
```
#b7c950 rgb(183,201,80)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#c96350
```
#c96350 rgb(201,99,80)
```

Split Complementary Color

#7ac950
```
#7ac950 rgb(122,201,80)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#c9507a
```
#c9507a rgb(201,80,122)
```

Triadic Color

#50c99f
```
#50c99f rgb(80,201,159)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#c9507a
```
#c9507a rgb(201,80,122)
```
#c99f50
```
#c99f50 rgb(201,159,80)
```

Tetradic Color

#30569c
```
#30569c rgb(48,86,156)
```
#3660b0
```
#3660b0 rgb(54,96,176)
```
#3d6bc3
```
#3d6bc3 rgb(61,107,195)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#6389cf
```
#6389cf rgb(99,137,207)
```
#7798d5
```
#7798d5 rgb(119,152,213)
```
#8aa6db
```
#8aa6db rgb(138,166,219)
```

Monochromatic Color

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

#5098c9
```
#5098c9 rgb(80,152,201)
```
#508ec9
```
#508ec9 rgb(80,142,201)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#5070c9
```
#5070c9 rgb(80,112,201)
```
#5066c9
```
#5066c9 rgb(80,102,201)
```
#505cc9
```
#505cc9 rgb(80,92,201)
```

Similar Colors

Text with hexadecimal color #507ac9

This text has a font color of #507ac9.

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

#507ac9 background color

This paragraph has a background color of #507ac9.

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

#507ac9 border color

This element has a border color of #507ac9.

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

CSS codes

.text {color:#507ac9;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1323
```
#0b1323 rgb(11,19,35)
```
#0f1b32
```
#0f1b32 rgb(15,27,50)
```
#142441
```
#142441 rgb(20,36,65)
```
#192c50
```
#192c50 rgb(25,44,80)
```
#1d345f
```
#1d345f rgb(29,52,95)
```
#223c6e
```
#223c6e rgb(34,60,110)
```
#27447d
```
#27447d rgb(39,68,125)
```
#2b4d8c
```
#2b4d8c rgb(43,77,140)
```
#30559b
```
#30559b rgb(48,85,155)
```
#345daa
```
#345daa rgb(52,93,170)
```
#3965b9
```
#3965b9 rgb(57,101,185)
```

Shade Color Variation

#416fc4
```
#416fc4 rgb(65,111,196)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#5f85ce
```
#5f85ce rgb(95,133,206)
```
#6e91d2
```
#6e91d2 rgb(110,145,210)
```
#7d9cd7
```
#7d9cd7 rgb(125,156,215)
```
#8ca8dc
```
#8ca8dc rgb(140,168,220)
```
#9bb3e0
```
#9bb3e0 rgb(155,179,224)
```
#aabee5
```
#aabee5 rgb(170,190,229)
```
#b9cae9
```
#b9cae9 rgb(185,202,233)
```
#c8d5ee
```
#c8d5ee rgb(200,213,238)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#858a94
```
#858a94 rgb(133,138,148)
```
#7c879d
```
#7c879d rgb(124,135,157)
```
#7385a6
```
#7385a6 rgb(115,133,166)
```
#6a82af
```
#6a82af rgb(106,130,175)
```
#627fb7
```
#627fb7 rgb(98,127,183)
```
#597dc0
```
#597dc0 rgb(89,125,192)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#4777d2
```
#4777d2 rgb(71,119,210)
```
#3e75db
```
#3e75db rgb(62,117,219)
```
#3672e3
```
#3672e3 rgb(54,114,227)
```
#2d6fec
```
#2d6fec rgb(45,111,236)
```
#246df5
```
#246df5 rgb(36,109,245)
```
#1b6afe
```
#1b6afe rgb(27,106,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6e7787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617fca Protanopia 1% of men
#4f82cb Deuteranopia 1% of men
#398c97 Tritanopia 0.001% of the population

Trichromacy

#5b7dca Protanomaly 1% of men, 0.01% of women
#4f7fca Deuteranomaly 6% of men, 0.4% of women
#4185a9 Tritanomaly 0.01% of the population

#507ac9 hex color

#507ac9 Color Information

#507ac9 Color Conversion

Color Schemes with #507ac9

Alternatives to #507ac9

#507ac9 Preview

Shades and Tints of #507ac9

Tones of #507ac9

Color Blindness Simulator