#507e9e hex color

In a RGB color space, hex #507e9e is composed of 31.4% red, 49.4% green and 62% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 20.3% magenta, 0% yellow and 38% black. It has a hue angle of 204.6 degrees, a saturation of 32.8% and a lightness of 46.7%. #507e9e color hex could be obtained by blending #a0fcff with #00003d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 49
- B 62
RGB color chart
- C 49
- M 20
- Y 0
- K 38
CMYK color chart

● #507e9e color description : Dark moderate blue.

The hexadecimal color #507e9e has RGB values of R:80, G:126, B:158 and CMYK values of C:0.49, M:0.2, Y:0, K:0.38. Its decimal value is 5275294.

Hex triplet	507e9e	`#507e9e`
RGB Decimal	80, 126, 158	`rgb(80,126,158)`
RGB Percent	31.4, 49.4, 62	`rgb(31.4%,49.4%,62%)`
CMYK	49, 20, 0, 38
HSL	204.6°, 32.8, 46.7	`hsl(204.6,32.8%,46.7%)`
HSV (or HSB)	204.6°, 49.4, 62
Web Safe	666699	`#666699`

CIE-LAB	50.798, -6.546, -22.016
XYZ	16.939, 19.095, 35.139
xyY	0.238, 0.268, 19.095
CIE-LCH	50.798, 22.968, 253.442
CIE-LUV	50.798, -21.189, -31.651
Hunter-Lab	43.698, -7.276, -17.089
Binary	01010000, 01111110, 10011110

#507e9e
```
#507e9e rgb(80,126,158)
```
#9e7050
```
#9e7050 rgb(158,112,80)
```

Complementary Color

#509e97
```
#509e97 rgb(80,158,151)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#50579e
```
#50579e rgb(80,87,158)
```

Analogous Color

#9e9750
```
#9e9750 rgb(158,151,80)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#9e5057
```
#9e5057 rgb(158,80,87)
```

Split Complementary Color

#7e9e50
```
#7e9e50 rgb(126,158,80)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#9e507e
```
#9e507e rgb(158,80,126)
```

Triadic Color

#509e70
```
#509e70 rgb(80,158,112)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#9e507e
```
#9e507e rgb(158,80,126)
```
#9e7050
```
#9e7050 rgb(158,112,80)
```

Tetradic Color

#36566b
```
#36566b rgb(54,86,107)
```
#3f637c
```
#3f637c rgb(63,99,124)
```
#47718d
```
#47718d rgb(71,113,141)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#5b8bac
```
#5b8bac rgb(91,139,172)
```
#6c97b5
```
#6c97b5 rgb(108,151,181)
```
#7da3bd
```
#7da3bd rgb(125,163,189)
```

Monochromatic Color

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

#50929e
```
#50929e rgb(80,146,158)
```
#508b9e
```
#508b9e rgb(80,139,158)
```
#50859e
```
#50859e rgb(80,133,158)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#50789e
```
#50789e rgb(80,120,158)
```
#50719e
```
#50719e rgb(80,113,158)
```
#506b9e
```
#506b9e rgb(80,107,158)
```

Similar Colors

Text with hexadecimal color #507e9e

This text has a font color of #507e9e.

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

#507e9e background color

This paragraph has a background color of #507e9e.

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

#507e9e border color

This element has a border color of #507e9e.

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

CSS codes

.text {color:#507e9e;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0e161c
```
#0e161c rgb(14,22,28)
```
#152129
```
#152129 rgb(21,33,41)
```
#1b2b36
```
#1b2b36 rgb(27,43,54)
```
#223543
```
#223543 rgb(34,53,67)
```
#284050
```
#284050 rgb(40,64,80)
```
#2f4a5d
```
#2f4a5d rgb(47,74,93)
```
#36546a
```
#36546a rgb(54,84,106)
```
#3c5f77
```
#3c5f77 rgb(60,95,119)
```
#436984
```
#436984 rgb(67,105,132)
```
#497491
```
#497491 rgb(73,116,145)
```
#507e9e
```
#507e9e rgb(80,126,158)
```

Shade Color Variation

#5788aa
```
#5788aa rgb(87,136,170)
```
#6491b1
```
#6491b1 rgb(100,145,177)
```
#719bb7
```
#719bb7 rgb(113,155,183)
```
#7fa4be
```
#7fa4be rgb(127,164,190)
```
#8cadc5
```
#8cadc5 rgb(140,173,197)
```
#99b6cb
```
#99b6cb rgb(153,182,203)
```
#a6c0d2
```
#a6c0d2 rgb(166,192,210)
```
#b3c9d8
```
#b3c9d8 rgb(179,201,216)
```
#c0d2df
```
#c0d2df rgb(192,210,223)
```
#cddbe6
```
#cddbe6 rgb(205,219,230)
```
#dae5ec
```
#dae5ec rgb(218,229,236)
```
#e7eef3
```
#e7eef3 rgb(231,238,243)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757779 is the less saturated color, while #078be7 is the most saturated one.

#757779
```
#757779 rgb(117,119,121)
```
#6b7983
```
#6b7983 rgb(107,121,131)
```
#627b8c
```
#627b8c rgb(98,123,140)
```
#597c95
```
#597c95 rgb(89,124,149)
```
#507e9e
```
#507e9e rgb(80,126,158)
```
#4780a7
```
#4780a7 rgb(71,128,167)
```
#3e81b0
```
#3e81b0 rgb(62,129,176)
```
#3583b9
```
#3583b9 rgb(53,131,185)
```
#2b85c3
```
#2b85c3 rgb(43,133,195)
```
#2286cc
```
#2286cc rgb(34,134,204)
```
#1988d5
```
#1988d5 rgb(25,136,213)
```
#108ade
```
#108ade rgb(16,138,222)
```
#078be7
```
#078be7 rgb(7,139,231)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6d767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#777e9f Protanopia 1% of men
#757ea5 Deuteranopia 1% of men
#528791 Tritanopia 0.001% of the population

Trichromacy

#687e9e Protanomaly 1% of men, 0.01% of women
#687ea2 Deuteranomaly 6% of men, 0.4% of women
#518496 Tritanomaly 0.01% of the population

#507e9e hex color

#507e9e Color Information

#507e9e Color Conversion

Color Schemes with #507e9e

Alternatives to #507e9e

#507e9e Preview

Shades and Tints of #507e9e

Tones of #507e9e

Color Blindness Simulator