#506ca3 hex color

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

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

● #506ca3 color description : Dark moderate blue.

The hexadecimal color #506ca3 has RGB values of R:80, G:108, B:163 and CMYK values of C:0.51, M:0.34, Y:0, K:0.36. Its decimal value is 5270691.

Hex triplet	506ca3	`#506ca3`
RGB Decimal	80, 108, 163	`rgb(80,108,163)`
RGB Percent	31.4, 42.4, 63.9	`rgb(31.4%,42.4%,63.9%)`
CMYK	51, 34, 0, 36
HSL	219.8°, 34.2, 47.6	`hsl(219.8,34.2%,47.6%)`
HSV (or HSB)	219.8°, 50.9, 63.9
Web Safe	666699	`#666699`

CIE-LAB	45.736, 5.772, -32.813
XYZ	15.28, 15.074, 36.753
xyY	0.228, 0.225, 15.074
CIE-LCH	45.736, 33.317, 279.976
CIE-LUV	45.736, -14.287, -49.072
Hunter-Lab	38.826, 2.306, -28.947
Binary	01010000, 01101100, 10100011

#506ca3
```
#506ca3 rgb(80,108,163)
```
#a38750
```
#a38750 rgb(163,135,80)
```

Complementary Color

#5096a3
```
#5096a3 rgb(80,150,163)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#5d50a3
```
#5d50a3 rgb(93,80,163)
```

Analogous Color

#96a350
```
#96a350 rgb(150,163,80)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#a35d50
```
#a35d50 rgb(163,93,80)
```

Split Complementary Color

#6ca350
```
#6ca350 rgb(108,163,80)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#a3506c
```
#a3506c rgb(163,80,108)
```

Triadic Color

#50a387
```
#50a387 rgb(80,163,135)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#a3506c
```
#a3506c rgb(163,80,108)
```
#a38750
```
#a38750 rgb(163,135,80)
```

Tetradic Color

#374a70
```
#374a70 rgb(55,74,112)
```
#3f5581
```
#3f5581 rgb(63,85,129)
```
#486192
```
#486192 rgb(72,97,146)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#5d79af
```
#5d79af rgb(93,121,175)
```
#6e87b8
```
#6e87b8 rgb(110,135,184)
```
#7f95c0
```
#7f95c0 rgb(127,149,192)
```

Monochromatic Color

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

#5081a3
```
#5081a3 rgb(80,129,163)
```
#507aa3
```
#507aa3 rgb(80,122,163)
```
#5073a3
```
#5073a3 rgb(80,115,163)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#5065a3
```
#5065a3 rgb(80,101,163)
```
#505ea3
```
#505ea3 rgb(80,94,163)
```
#5057a3
```
#5057a3 rgb(80,87,163)
```

Similar Colors

Text with hexadecimal color #506ca3

This text has a font color of #506ca3.

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

#506ca3 background color

This paragraph has a background color of #506ca3.

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

#506ca3 border color

This element has a border color of #506ca3.

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

CSS codes

.text {color:#506ca3;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090c12
```
#090c12 rgb(9,12,18)
```
#0f151f
```
#0f151f rgb(15,21,31)
```
#161e2d
```
#161e2d rgb(22,30,45)
```
#1c263a
```
#1c263a rgb(28,38,58)
```
#232f47
```
#232f47 rgb(35,47,71)
```
#293854
```
#293854 rgb(41,56,84)
```
#304061
```
#304061 rgb(48,64,97)
```
#36496e
```
#36496e rgb(54,73,110)
```
#3d527c
```
#3d527c rgb(61,82,124)
```
#435b89
```
#435b89 rgb(67,91,137)
```
#4a6396
```
#4a6396 rgb(74,99,150)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```

Shade Color Variation

#5976ae
```
#5976ae rgb(89,118,174)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#738bba
```
#738bba rgb(115,139,186)
```
#8196c1
```
#8196c1 rgb(129,150,193)
```
#8ea1c7
```
#8ea1c7 rgb(142,161,199)
```
#9bacce
```
#9bacce rgb(155,172,206)
```
#a8b7d4
```
#a8b7d4 rgb(168,183,212)
```
#b5c2db
```
#b5c2db rgb(181,194,219)
```
#c2cde1
```
#c2cde1 rgb(194,205,225)
```
#cfd8e8
```
#cfd8e8 rgb(207,216,232)
```
#dde3ee
```
#dde3ee rgb(221,227,238)
```
#eaedf5
```
#eaedf5 rgb(234,237,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#75787e
```
#75787e rgb(117,120,126)
```
#6c7587
```
#6c7587 rgb(108,117,135)
```
#637290
```
#637290 rgb(99,114,144)
```
#596f9a
```
#596f9a rgb(89,111,154)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```
#4769ac
```
#4769ac rgb(71,105,172)
```
#3d66b6
```
#3d66b6 rgb(61,102,182)
```
#3463bf
```
#3463bf rgb(52,99,191)
```
#2b60c8
```
#2b60c8 rgb(43,96,200)
```
#215dd2
```
#215dd2 rgb(33,93,210)
```
#185adb
```
#185adb rgb(24,90,219)
```
#0f57e4
```
#0f57e4 rgb(15,87,228)
```
#0554ee
```
#0554ee rgb(5,84,238)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6072a6 Protanopia 1% of men
#5973a7 Deuteranopia 1% of men
#4a7b84 Tritanopia 0.001% of the population

Trichromacy

#5a6fa5 Protanomaly 1% of men, 0.01% of women
#5670a6 Deuteranomaly 6% of men, 0.4% of women
#4c758f Tritanomaly 0.01% of the population

#506ca3 hex color

#506ca3 Color Information

#506ca3 Color Conversion

Color Schemes with #506ca3

Alternatives to #506ca3

#506ca3 Preview

Shades and Tints of #506ca3

Tones of #506ca3

Color Blindness Simulator