#506ba3 hex color

In a RGB color space, hex #506ba3 is composed of 31.4% red, 42% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 34.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 220.5 degrees, a saturation of 34.2% and a lightness of 47.6%. #506ba3 color hex could be obtained by blending #a0d6ff 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

● #506ba3 color description : Dark moderate blue.

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

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

CIE-LAB	45.448, 6.388, -33.265
XYZ	15.175, 14.865, 36.718
xyY	0.227, 0.223, 14.865
CIE-LCH	45.448, 33.872, 280.871
CIE-LUV	45.448, -13.919, -49.769
Hunter-Lab	38.555, 2.789, -29.477
Binary	01010000, 01101011, 10100011

#506ba3
```
#506ba3 rgb(80,107,163)
```
#a38850
```
#a38850 rgb(163,136,80)
```

Complementary Color

#5095a3
```
#5095a3 rgb(80,149,163)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#5e50a3
```
#5e50a3 rgb(94,80,163)
```

Analogous Color

#95a350
```
#95a350 rgb(149,163,80)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#a35e50
```
#a35e50 rgb(163,94,80)
```

Split Complementary Color

#6ba350
```
#6ba350 rgb(107,163,80)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#a3506b
```
#a3506b rgb(163,80,107)
```

Triadic Color

#50a388
```
#50a388 rgb(80,163,136)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#a3506b
```
#a3506b rgb(163,80,107)
```
#a38850
```
#a38850 rgb(163,136,80)
```

Tetradic Color

#374970
```
#374970 rgb(55,73,112)
```
#3f5581
```
#3f5581 rgb(63,85,129)
```
#486092
```
#486092 rgb(72,96,146)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#5d78af
```
#5d78af rgb(93,120,175)
```
#6e86b8
```
#6e86b8 rgb(110,134,184)
```
#7f94c0
```
#7f94c0 rgb(127,148,192)
```

Monochromatic Color

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

#5080a3
```
#5080a3 rgb(80,128,163)
```
#5079a3
```
#5079a3 rgb(80,121,163)
```
#5072a3
```
#5072a3 rgb(80,114,163)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#5064a3
```
#5064a3 rgb(80,100,163)
```
#505da3
```
#505da3 rgb(80,93,163)
```
#5056a3
```
#5056a3 rgb(80,86,163)
```

Similar Colors

Text with hexadecimal color #506ba3

This text has a font color of #506ba3.

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

#506ba3 background color

This paragraph has a background color of #506ba3.

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

#506ba3 border color

This element has a border color of #506ba3.

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

CSS codes

.text {color:#506ba3;}

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

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

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)
```
#161d2d
```
#161d2d rgb(22,29,45)
```
#1c263a
```
#1c263a rgb(28,38,58)
```
#232f47
```
#232f47 rgb(35,47,71)
```
#293754
```
#293754 rgb(41,55,84)
```
#304061
```
#304061 rgb(48,64,97)
```
#36486e
```
#36486e rgb(54,72,110)
```
#3d517c
```
#3d517c rgb(61,81,124)
```
#435a89
```
#435a89 rgb(67,90,137)
```
#4a6296
```
#4a6296 rgb(74,98,150)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```

Shade Color Variation

#5975ae
```
#5975ae rgb(89,117,174)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#738bba
```
#738bba rgb(115,139,186)
```
#8195c1
```
#8195c1 rgb(129,149,193)
```
#8ea0c7
```
#8ea0c7 rgb(142,160,199)
```
#9babce
```
#9babce rgb(155,171,206)
```
#a8b6d4
```
#a8b6d4 rgb(168,182,212)
```
#b5c1db
```
#b5c1db rgb(181,193,219)
```
#c2cce1
```
#c2cce1 rgb(194,204,225)
```
#cfd7e8
```
#cfd7e8 rgb(207,215,232)
```
#dde2ee
```
#dde2ee rgb(221,226,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 #0551ee is the most saturated one.

#75787e
```
#75787e rgb(117,120,126)
```
#6c7587
```
#6c7587 rgb(108,117,135)
```
#637290
```
#637290 rgb(99,114,144)
```
#596e9a
```
#596e9a rgb(89,110,154)
```
#506ba3
```
#506ba3 rgb(80,107,163)
```
#4768ac
```
#4768ac rgb(71,104,172)
```
#3d64b6
```
#3d64b6 rgb(61,100,182)
```
#3461bf
```
#3461bf rgb(52,97,191)
```
#2b5ec8
```
#2b5ec8 rgb(43,94,200)
```
#215bd2
```
#215bd2 rgb(33,91,210)
```
#1857db
```
#1857db rgb(24,87,219)
```
#0f54e4
```
#0f54e4 rgb(15,84,228)
```
#0551ee
```
#0551ee rgb(5,81,238)
```

Tone Color Variation

Below, you can see how #506ba3 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
#646975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f71a6 Protanopia 1% of men
#5872a7 Deuteranopia 1% of men
#4a7a83 Tritanopia 0.001% of the population

Trichromacy

#596fa5 Protanomaly 1% of men, 0.01% of women
#5570a6 Deuteranomaly 6% of men, 0.4% of women
#4c748e Tritanomaly 0.01% of the population

#506ba3 hex color

#506ba3 Color Information

#506ba3 Color Conversion

Color Schemes with #506ba3

Alternatives to #506ba3

#506ba3 Preview

Shades and Tints of #506ba3

Tones of #506ba3

Color Blindness Simulator