#507fa3 hex color

In a RGB color space, hex #507fa3 is composed of 31.4% red, 49.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 22.1% magenta, 0% yellow and 36.1% black. It has a hue angle of 206 degrees, a saturation of 34.2% and a lightness of 47.6%. #507fa3 color hex could be obtained by blending #a0feff with #000047. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 50
- B 64
RGB color chart
- C 51
- M 22
- Y 0
- K 36
CMYK color chart

● #507fa3 color description : Dark moderate blue.

The hexadecimal color #507fa3 has RGB values of R:80, G:127, B:163 and CMYK values of C:0.51, M:0.22, Y:0, K:0.36. Its decimal value is 5275555.

Hex triplet	507fa3	`#507fa3`
RGB Decimal	80, 127, 163	`rgb(80,127,163)`
RGB Percent	31.4, 49.8, 63.9	`rgb(31.4%,49.8%,63.9%)`
CMYK	51, 22, 0, 36
HSL	206°, 34.2, 47.6	`hsl(206,34.2%,47.6%)`
HSV (or HSB)	206°, 50.9, 63.9
Web Safe	666699	`#666699`

CIE-LAB	51.299, -5.595, -24.152
XYZ	17.507, 19.528, 37.495
xyY	0.235, 0.262, 19.528
CIE-LCH	51.299, 24.792, 256.956
CIE-LUV	51.299, -21.509, -35.187
Hunter-Lab	44.19, -6.616, -19.374
Binary	01010000, 01111111, 10100011

#507fa3
```
#507fa3 rgb(80,127,163)
```
#a37450
```
#a37450 rgb(163,116,80)
```

Complementary Color

#50a39e
```
#50a39e rgb(80,163,158)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#5056a3
```
#5056a3 rgb(80,86,163)
```

Analogous Color

#a39e50
```
#a39e50 rgb(163,158,80)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#a35056
```
#a35056 rgb(163,80,86)
```

Split Complementary Color

#7fa350
```
#7fa350 rgb(127,163,80)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#a3507f
```
#a3507f rgb(163,80,127)
```

Triadic Color

#50a374
```
#50a374 rgb(80,163,116)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#a3507f
```
#a3507f rgb(163,80,127)
```
#a37450
```
#a37450 rgb(163,116,80)
```

Tetradic Color

#375770
```
#375770 rgb(55,87,112)
```
#3f6481
```
#3f6481 rgb(63,100,129)
```
#487292
```
#487292 rgb(72,114,146)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#5d8caf
```
#5d8caf rgb(93,140,175)
```
#6e98b8
```
#6e98b8 rgb(110,152,184)
```
#7fa4c0
```
#7fa4c0 rgb(127,164,192)
```

Monochromatic Color

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

#5094a3
```
#5094a3 rgb(80,148,163)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#5086a3
```
#5086a3 rgb(80,134,163)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#5078a3
```
#5078a3 rgb(80,120,163)
```
#5071a3
```
#5071a3 rgb(80,113,163)
```
#506aa3
```
#506aa3 rgb(80,106,163)
```

Similar Colors

Text with hexadecimal color #507fa3

This text has a font color of #507fa3.

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

#507fa3 background color

This paragraph has a background color of #507fa3.

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

#507fa3 border color

This element has a border color of #507fa3.

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

CSS codes

.text {color:#507fa3;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#090e12
```
#090e12 rgb(9,14,18)
```
#0f181f
```
#0f181f rgb(15,24,31)
```
#16232d
```
#16232d rgb(22,35,45)
```
#1c2d3a
```
#1c2d3a rgb(28,45,58)
```
#233747
```
#233747 rgb(35,55,71)
```
#294154
```
#294154 rgb(41,65,84)
```
#304c61
```
#304c61 rgb(48,76,97)
```
#36566e
```
#36566e rgb(54,86,110)
```
#3d607c
```
#3d607c rgb(61,96,124)
```
#436a89
```
#436a89 rgb(67,106,137)
```
#4a7596
```
#4a7596 rgb(74,117,150)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```

Shade Color Variation

#5989ae
```
#5989ae rgb(89,137,174)
```
#6692b4
```
#6692b4 rgb(102,146,180)
```
#739cba
```
#739cba rgb(115,156,186)
```
#81a5c1
```
#81a5c1 rgb(129,165,193)
```
#8eaec7
```
#8eaec7 rgb(142,174,199)
```
#9bb8ce
```
#9bb8ce rgb(155,184,206)
```
#a8c1d4
```
#a8c1d4 rgb(168,193,212)
```
#b5cadb
```
#b5cadb rgb(181,202,219)
```
#c2d4e1
```
#c2d4e1 rgb(194,212,225)
```
#cfdde8
```
#cfdde8 rgb(207,221,232)
```
#dde7ee
```
#dde7ee rgb(221,231,238)
```
#eaf0f5
```
#eaf0f5 rgb(234,240,245)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a7e is the less saturated color, while #0589ee is the most saturated one.

#757a7e
```
#757a7e rgb(117,122,126)
```
#6c7b87
```
#6c7b87 rgb(108,123,135)
```
#637d90
```
#637d90 rgb(99,125,144)
```
#597e9a
```
#597e9a rgb(89,126,154)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#4780ac
```
#4780ac rgb(71,128,172)
```
#3d81b6
```
#3d81b6 rgb(61,129,182)
```
#3483bf
```
#3483bf rgb(52,131,191)
```
#2b84c8
```
#2b84c8 rgb(43,132,200)
```
#2185d2
```
#2185d2 rgb(33,133,210)
```
#1886db
```
#1886db rgb(24,134,219)
```
#0f88e4
```
#0f88e4 rgb(15,136,228)
```
#0589ee
```
#0589ee rgb(5,137,238)
```

Tone Color Variation

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

Dichromacy

#767fa3 Protanopia 1% of men
#747faa Deuteranopia 1% of men
#508993 Tritanopia 0.001% of the population

Trichromacy

#687fa3 Protanomaly 1% of men, 0.01% of women
#677fa7 Deuteranomaly 6% of men, 0.4% of women
#508599 Tritanomaly 0.01% of the population

#507fa3 hex color

#507fa3 Color Information

#507fa3 Color Conversion

Color Schemes with #507fa3

Alternatives to #507fa3

#507fa3 Preview

Shades and Tints of #507fa3

Tones of #507fa3

Color Blindness Simulator