#507d9e hex color

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

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

● #507d9e color description : Dark moderate blue.

The hexadecimal color #507d9e has RGB values of R:80, G:125, B:158 and CMYK values of C:0.49, M:0.21, Y:0, K:0.38. Its decimal value is 5275038.

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

CIE-LAB	50.5, -5.967, -22.475
XYZ	16.812, 18.84, 35.097
xyY	0.238, 0.266, 18.84
CIE-LCH	50.5, 23.253, 255.13
CIE-LUV	50.5, -20.795, -32.404
Hunter-Lab	43.406, -6.823, -17.556
Binary	01010000, 01111101, 10011110

#507d9e
```
#507d9e rgb(80,125,158)
```
#9e7150
```
#9e7150 rgb(158,113,80)
```

Complementary Color

#509e98
```
#509e98 rgb(80,158,152)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#50569e
```
#50569e rgb(80,86,158)
```

Analogous Color

#9e9850
```
#9e9850 rgb(158,152,80)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#9e5056
```
#9e5056 rgb(158,80,86)
```

Split Complementary Color

#7d9e50
```
#7d9e50 rgb(125,158,80)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#9e507d
```
#9e507d rgb(158,80,125)
```

Triadic Color

#509e71
```
#509e71 rgb(80,158,113)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#9e507d
```
#9e507d rgb(158,80,125)
```
#9e7150
```
#9e7150 rgb(158,113,80)
```

Tetradic Color

#36556b
```
#36556b rgb(54,85,107)
```
#3f627c
```
#3f627c rgb(63,98,124)
```
#47708d
```
#47708d rgb(71,112,141)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#5b8aac
```
#5b8aac rgb(91,138,172)
```
#6c96b5
```
#6c96b5 rgb(108,150,181)
```
#7da2bd
```
#7da2bd rgb(125,162,189)
```

Monochromatic Color

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

#50919e
```
#50919e rgb(80,145,158)
```
#508a9e
```
#508a9e rgb(80,138,158)
```
#50849e
```
#50849e rgb(80,132,158)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#50779e
```
#50779e rgb(80,119,158)
```
#50709e
```
#50709e rgb(80,112,158)
```
#506a9e
```
#506a9e rgb(80,106,158)
```

Similar Colors

Text with hexadecimal color #507d9e

This text has a font color of #507d9e.

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

#507d9e background color

This paragraph has a background color of #507d9e.

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

#507d9e border color

This element has a border color of #507d9e.

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

CSS codes

.text {color:#507d9e;}

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

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

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)
```
#152029
```
#152029 rgb(21,32,41)
```
#1b2b36
```
#1b2b36 rgb(27,43,54)
```
#223543
```
#223543 rgb(34,53,67)
```
#283f50
```
#283f50 rgb(40,63,80)
```
#2f495d
```
#2f495d rgb(47,73,93)
```
#36546a
```
#36546a rgb(54,84,106)
```
#3c5e77
```
#3c5e77 rgb(60,94,119)
```
#436884
```
#436884 rgb(67,104,132)
```
#497391
```
#497391 rgb(73,115,145)
```
#507d9e
```
#507d9e rgb(80,125,158)
```

Shade Color Variation

#5787aa
```
#5787aa rgb(87,135,170)
```
#6490b1
```
#6490b1 rgb(100,144,177)
```
#719ab7
```
#719ab7 rgb(113,154,183)
```
#7fa3be
```
#7fa3be rgb(127,163,190)
```
#8cacc5
```
#8cacc5 rgb(140,172,197)
```
#99b6cb
```
#99b6cb rgb(153,182,203)
```
#a6bfd2
```
#a6bfd2 rgb(166,191,210)
```
#b3c8d8
```
#b3c8d8 rgb(179,200,216)
```
#c0d2df
```
#c0d2df rgb(192,210,223)
```
#cddbe6
```
#cddbe6 rgb(205,219,230)
```
#dae4ec
```
#dae4ec rgb(218,228,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 #0788e7 is the most saturated one.

#757779
```
#757779 rgb(117,119,121)
```
#6b7983
```
#6b7983 rgb(107,121,131)
```
#627a8c
```
#627a8c rgb(98,122,140)
```
#597c95
```
#597c95 rgb(89,124,149)
```
#507d9e
```
#507d9e rgb(80,125,158)
```
#477ea7
```
#477ea7 rgb(71,126,167)
```
#3e80b0
```
#3e80b0 rgb(62,128,176)
```
#3581b9
```
#3581b9 rgb(53,129,185)
```
#2b83c3
```
#2b83c3 rgb(43,131,195)
```
#2284cc
```
#2284cc rgb(34,132,204)
```
#1985d5
```
#1985d5 rgb(25,133,213)
```
#1087de
```
#1087de rgb(16,135,222)
```
#0788e7
```
#0788e7 rgb(7,136,231)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6c757c Atypical Achromatopsia 0.001% of the population

Dichromacy

#767d9f Protanopia 1% of men
#747da5 Deuteranopia 1% of men
#518791 Tritanopia 0.001% of the population

Trichromacy

#687d9e Protanomaly 1% of men, 0.01% of women
#677da2 Deuteranomaly 6% of men, 0.4% of women
#518395 Tritanomaly 0.01% of the population

#507d9e hex color

#507d9e Color Information

#507d9e Color Conversion

Color Schemes with #507d9e

Alternatives to #507d9e

#507d9e Preview

Shades and Tints of #507d9e

Tones of #507d9e

Color Blindness Simulator