#506c9f hex color

In a RGB color space, hex #506c9f is composed of 31.4% red, 42.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 32.1% magenta, 0% yellow and 37.6% black. It has a hue angle of 218.7 degrees, a saturation of 33.1% and a lightness of 46.9%. #506c9f color hex could be obtained by blending #a0d8ff with #00003f. Closest websafe color is: #666699.

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

● #506c9f color description : Dark moderate blue.

The hexadecimal color #506c9f has RGB values of R:80, G:108, B:159 and CMYK values of C:0.5, M:0.32, Y:0, K:0.38. Its decimal value is 5270687.

Hex triplet	506c9f	`#506c9f`
RGB Decimal	80, 108, 159	`rgb(80,108,159)`
RGB Percent	31.4, 42.4, 62.4	`rgb(31.4%,42.4%,62.4%)`
CMYK	50, 32, 0, 38
HSL	218.7°, 33.1, 46.9	`hsl(218.7,33.1%,46.9%)`
HSV (or HSB)	218.7°, 49.7, 62.4
Web Safe	666699	`#666699`

CIE-LAB	45.542, 4.496, -30.759
XYZ	14.927, 14.933, 34.895
xyY	0.231, 0.231, 14.933
CIE-LCH	45.542, 31.086, 278.316
CIE-LUV	45.542, -14.249, -45.706
Hunter-Lab	38.643, 1.326, -26.488
Binary	01010000, 01101100, 10011111

#506c9f
```
#506c9f rgb(80,108,159)
```
#9f8350
```
#9f8350 rgb(159,131,80)
```

Complementary Color

#50949f
```
#50949f rgb(80,148,159)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#5c509f
```
#5c509f rgb(92,80,159)
```

Analogous Color

#949f50
```
#949f50 rgb(148,159,80)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#9f5c50
```
#9f5c50 rgb(159,92,80)
```

Split Complementary Color

#6c9f50
```
#6c9f50 rgb(108,159,80)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#9f506c
```
#9f506c rgb(159,80,108)
```

Triadic Color

#509f83
```
#509f83 rgb(80,159,131)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#9f506c
```
#9f506c rgb(159,80,108)
```
#9f8350
```
#9f8350 rgb(159,131,80)
```

Tetradic Color

#36496c
```
#36496c rgb(54,73,108)
```
#3f557d
```
#3f557d rgb(63,85,125)
```
#47608e
```
#47608e rgb(71,96,142)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#5c78ad
```
#5c78ad rgb(92,120,173)
```
#6d86b5
```
#6d86b5 rgb(109,134,181)
```
#7e94be
```
#7e94be rgb(126,148,190)
```

Monochromatic Color

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

#50809f
```
#50809f rgb(80,128,159)
```
#50799f
```
#50799f rgb(80,121,159)
```
#50739f
```
#50739f rgb(80,115,159)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#50659f
```
#50659f rgb(80,101,159)
```
#505f9f
```
#505f9f rgb(80,95,159)
```
#50589f
```
#50589f rgb(80,88,159)
```

Similar Colors

Text with hexadecimal color #506c9f

This text has a font color of #506c9f.

<span style="color:#506c9f;">Text here</span>

#506c9f background color

This paragraph has a background color of #506c9f.

<p style="background-color:#506c9f;">Content here</p>

#506c9f border color

This element has a border color of #506c9f.

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

CSS codes

.text {color:#506c9f;}

.background {background-color:#506c9f;}

.border {border:1px solid #506c9f;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0e131d
```
#0e131d rgb(14,19,29)
```
#151c2a
```
#151c2a rgb(21,28,42)
```
#1b2537
```
#1b2537 rgb(27,37,55)
```
#222e44
```
#222e44 rgb(34,46,68)
```
#293751
```
#293751 rgb(41,55,81)
```
#2f405e
```
#2f405e rgb(47,64,94)
```
#36496b
```
#36496b rgb(54,73,107)
```
#3c5178
```
#3c5178 rgb(60,81,120)
```
#435a85
```
#435a85 rgb(67,90,133)
```
#496392
```
#496392 rgb(73,99,146)
```
#506c9f
```
#506c9f rgb(80,108,159)
```

Shade Color Variation

#5875ab
```
#5875ab rgb(88,117,171)
```
#6580b1
```
#6580b1 rgb(101,128,177)
```
#728bb8
```
#728bb8 rgb(114,139,184)
```
#7f95bf
```
#7f95bf rgb(127,149,191)
```
#8ca0c5
```
#8ca0c5 rgb(140,160,197)
```
#99abcc
```
#99abcc rgb(153,171,204)
```
#a6b6d2
```
#a6b6d2 rgb(166,182,210)
```
#b3c0d9
```
#b3c0d9 rgb(179,192,217)
```
#c0cbdf
```
#c0cbdf rgb(192,203,223)
```
#cdd6e6
```
#cdd6e6 rgb(205,214,230)
```
#dae1ed
```
#dae1ed rgb(218,225,237)
```
#e7ebf3
```
#e7ebf3 rgb(231,235,243)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777a is the less saturated color, while #0657e9 is the most saturated one.

#75777a
```
#75777a rgb(117,119,122)
```
#6c7483
```
#6c7483 rgb(108,116,131)
```
#62718d
```
#62718d rgb(98,113,141)
```
#596f96
```
#596f96 rgb(89,111,150)
```
#506c9f
```
#506c9f rgb(80,108,159)
```
#4769a8
```
#4769a8 rgb(71,105,168)
```
#3e67b1
```
#3e67b1 rgb(62,103,177)
```
#3464bb
```
#3464bb rgb(52,100,187)
```
#2b61c4
```
#2b61c4 rgb(43,97,196)
```
#225fcd
```
#225fcd rgb(34,95,205)
```
#195cd6
```
#195cd6 rgb(25,92,214)
```
#1059df
```
#1059df rgb(16,89,223)
```
#0657e9
```
#0657e9 rgb(6,87,233)
```

Tone Color Variation

Below, you can see how #506c9f 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

#696969 Achromatopsia 0.005% of the population
#646a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6271a2 Protanopia 1% of men
#5c72a4 Deuteranopia 1% of men
#4c7a83 Tritanopia 0.001% of the population

Trichromacy

#5b6fa1 Protanomaly 1% of men, 0.01% of women
#5870a2 Deuteranomaly 6% of men, 0.4% of women
#4d758d Tritanomaly 0.01% of the population

#506c9f hex color

#506c9f Color Information

#506c9f Color Conversion

Color Schemes with #506c9f

Alternatives to #506c9f

#506c9f Preview

Shades and Tints of #506c9f

Tones of #506c9f

Color Blindness Simulator