#506e9f hex color

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

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

● #506e9f color description : Dark moderate blue.

The hexadecimal color #506e9f has RGB values of R:80, G:110, B:159 and CMYK values of C:0.5, M:0.31, Y:0, K:0.38. Its decimal value is 5271199.

Hex triplet	506e9f	`#506e9f`
RGB Decimal	80, 110, 159	`rgb(80,110,159)`
RGB Percent	31.4, 43.1, 62.4	`rgb(31.4%,43.1%,62.4%)`
CMYK	50, 31, 0, 38
HSL	217.2°, 33.1, 46.9	`hsl(217.2,33.1%,46.9%)`
HSV (or HSB)	217.2°, 49.7, 62.4
Web Safe	666699	`#666699`

CIE-LAB	46.123, 3.272, -29.85
XYZ	15.141, 15.36, 34.966
xyY	0.231, 0.235, 15.36
CIE-LCH	46.123, 30.029, 276.256
CIE-LUV	46.123, -15, -44.287
Hunter-Lab	39.192, 0.374, -25.463
Binary	01010000, 01101110, 10011111

#506e9f
```
#506e9f rgb(80,110,159)
```
#9f8150
```
#9f8150 rgb(159,129,80)
```

Complementary Color

#50969f
```
#50969f rgb(80,150,159)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#5a509f
```
#5a509f rgb(90,80,159)
```

Analogous Color

#969f50
```
#969f50 rgb(150,159,80)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#9f5950
```
#9f5950 rgb(159,89,80)
```

Split Complementary Color

#6e9f50
```
#6e9f50 rgb(110,159,80)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#9f506e
```
#9f506e rgb(159,80,110)
```

Triadic Color

#509f81
```
#509f81 rgb(80,159,129)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#9f506e
```
#9f506e rgb(159,80,110)
```
#9f8150
```
#9f8150 rgb(159,129,80)
```

Tetradic Color

#364b6c
```
#364b6c rgb(54,75,108)
```
#3f577d
```
#3f577d rgb(63,87,125)
```
#47628e
```
#47628e rgb(71,98,142)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#5c7aad
```
#5c7aad rgb(92,122,173)
```
#6d88b5
```
#6d88b5 rgb(109,136,181)
```
#7e96be
```
#7e96be rgb(126,150,190)
```

Monochromatic Color

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

#50829f
```
#50829f rgb(80,130,159)
```
#507b9f
```
#507b9f rgb(80,123,159)
```
#50759f
```
#50759f rgb(80,117,159)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#50679f
```
#50679f rgb(80,103,159)
```
#50619f
```
#50619f rgb(80,97,159)
```
#505a9f
```
#505a9f rgb(80,90,159)
```

Similar Colors

Text with hexadecimal color #506e9f

This text has a font color of #506e9f.

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

#506e9f background color

This paragraph has a background color of #506e9f.

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

#506e9f border color

This element has a border color of #506e9f.

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

CSS codes

.text {color:#506e9f;}

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

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

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)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0e141d
```
#0e141d rgb(14,20,29)
```
#151d2a
```
#151d2a rgb(21,29,42)
```
#1b2637
```
#1b2637 rgb(27,38,55)
```
#222f44
```
#222f44 rgb(34,47,68)
```
#293851
```
#293851 rgb(41,56,81)
```
#2f415e
```
#2f415e rgb(47,65,94)
```
#364a6b
```
#364a6b rgb(54,74,107)
```
#3c5378
```
#3c5378 rgb(60,83,120)
```
#435c85
```
#435c85 rgb(67,92,133)
```
#496592
```
#496592 rgb(73,101,146)
```
#506e9f
```
#506e9f rgb(80,110,159)
```

Shade Color Variation

#5877ab
```
#5877ab rgb(88,119,171)
```
#6582b1
```
#6582b1 rgb(101,130,177)
```
#728cb8
```
#728cb8 rgb(114,140,184)
```
#7f97bf
```
#7f97bf rgb(127,151,191)
```
#8ca2c5
```
#8ca2c5 rgb(140,162,197)
```
#99accc
```
#99accc rgb(153,172,204)
```
#a6b7d2
```
#a6b7d2 rgb(166,183,210)
```
#b3c1d9
```
#b3c1d9 rgb(179,193,217)
```
#c0ccdf
```
#c0ccdf rgb(192,204,223)
```
#cdd7e6
```
#cdd7e6 rgb(205,215,230)
```
#dae1ed
```
#dae1ed rgb(218,225,237)
```
#e7ecf3
```
#e7ecf3 rgb(231,236,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 #065ce9 is the most saturated one.

#75777a
```
#75777a rgb(117,119,122)
```
#6c7583
```
#6c7583 rgb(108,117,131)
```
#62728d
```
#62728d rgb(98,114,141)
```
#597096
```
#597096 rgb(89,112,150)
```
#506e9f
```
#506e9f rgb(80,110,159)
```
#476ca8
```
#476ca8 rgb(71,108,168)
```
#3e6ab1
```
#3e6ab1 rgb(62,106,177)
```
#3467bb
```
#3467bb rgb(52,103,187)
```
#2b65c4
```
#2b65c4 rgb(43,101,196)
```
#2263cd
```
#2263cd rgb(34,99,205)
```
#1961d6
```
#1961d6 rgb(25,97,214)
```
#105fdf
```
#105fdf rgb(16,95,223)
```
#065ce9
```
#065ce9 rgb(6,92,233)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6473a2 Protanopia 1% of men
#5f74a4 Deuteranopia 1% of men
#4c7b84 Tritanopia 0.001% of the population

Trichromacy

#5d71a1 Protanomaly 1% of men, 0.01% of women
#5971a2 Deuteranomaly 6% of men, 0.4% of women
#4d768e Tritanomaly 0.01% of the population

#506e9f hex color

#506e9f Color Information

#506e9f Color Conversion

Color Schemes with #506e9f

Alternatives to #506e9f

#506e9f Preview

Shades and Tints of #506e9f

Tones of #506e9f

Color Blindness Simulator