#506884 hex color

In a RGB color space, hex #506884 is composed of 31.4% red, 40.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 21.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 212.3 degrees, a saturation of 24.5% and a lightness of 41.6%. #506884 color hex could be obtained by blending #a0d0ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 41
- B 52
RGB color chart
- C 39
- M 21
- Y 0
- K 48
CMYK color chart

● #506884 color description : Mostly desaturated dark blue.

The hexadecimal color #506884 has RGB values of R:80, G:104, B:132 and CMYK values of C:0.39, M:0.21, Y:0, K:0.48. Its decimal value is 5269636.

Hex triplet	506884	`#506884`
RGB Decimal	80, 104, 132	`rgb(80,104,132)`
RGB Percent	31.4, 40.8, 51.8	`rgb(31.4%,40.8%,51.8%)`
CMYK	39, 21, 0, 48
HSL	212.3°, 24.5, 41.6	`hsl(212.3,24.5%,41.6%)`
HSV (or HSB)	212.3°, 39.4, 51.8
Web Safe	666699	`#666699`

CIE-LAB	43.17, -1.299, -18.351
XYZ	12.423, 13.272, 23.736
xyY	0.251, 0.268, 13.272
CIE-LCH	43.17, 18.397, 265.952
CIE-LUV	43.17, -12.387, -25.719
Hunter-Lab	36.43, -2.885, -13.129
Binary	01010000, 01101000, 10000100

#506884
```
#506884 rgb(80,104,132)
```
#846c50
```
#846c50 rgb(132,108,80)
```

Complementary Color

#508284
```
#508284 rgb(80,130,132)
```
#506884
```
#506884 rgb(80,104,132)
```
#525084
```
#525084 rgb(82,80,132)
```

Analogous Color

#828450
```
#828450 rgb(130,132,80)
```
#506884
```
#506884 rgb(80,104,132)
```
#845250
```
#845250 rgb(132,82,80)
```

Split Complementary Color

#688450
```
#688450 rgb(104,132,80)
```
#506884
```
#506884 rgb(80,104,132)
```
#845068
```
#845068 rgb(132,80,104)
```

Triadic Color

#50846c
```
#50846c rgb(80,132,108)
```
#506884
```
#506884 rgb(80,104,132)
```
#845068
```
#845068 rgb(132,80,104)
```
#846c50
```
#846c50 rgb(132,108,80)
```

Tetradic Color

#334254
```
#334254 rgb(51,66,84)
```
#3d4f64
```
#3d4f64 rgb(61,79,100)
```
#465b74
```
#465b74 rgb(70,91,116)
```
#506884
```
#506884 rgb(80,104,132)
```
#5a7594
```
#5a7594 rgb(90,117,148)
```
#6581a2
```
#6581a2 rgb(101,129,162)
```
#758eab
```
#758eab rgb(117,142,171)
```

Monochromatic Color

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

#507584
```
#507584 rgb(80,117,132)
```
#507184
```
#507184 rgb(80,113,132)
```
#506c84
```
#506c84 rgb(80,108,132)
```
#506884
```
#506884 rgb(80,104,132)
```
#506484
```
#506484 rgb(80,100,132)
```
#505f84
```
#505f84 rgb(80,95,132)
```
#505b84
```
#505b84 rgb(80,91,132)
```

Similar Colors

Text with hexadecimal color #506884

This text has a font color of #506884.

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

#506884 background color

This paragraph has a background color of #506884.

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

#506884 border color

This element has a border color of #506884.

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

CSS codes

.text {color:#506884;}

.background {background-color:#506884;}

.border {border:1px solid #506884;}

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0d1116
```
#0d1116 rgb(13,17,22)
```
#151b22
```
#151b22 rgb(21,27,34)
```
#1c252f
```
#1c252f rgb(28,37,47)
```
#242e3b
```
#242e3b rgb(36,46,59)
```
#2b3847
```
#2b3847 rgb(43,56,71)
```
#324253
```
#324253 rgb(50,66,83)
```
#3a4b5f
```
#3a4b5f rgb(58,75,95)
```
#41556c
```
#41556c rgb(65,85,108)
```
#495e78
```
#495e78 rgb(73,94,120)
```
#506884
```
#506884 rgb(80,104,132)
```
#577290
```
#577290 rgb(87,114,144)
```
#5f7b9c
```
#5f7b9c rgb(95,123,156)
```

Shade Color Variation

#6a85a5
```
#6a85a5 rgb(106,133,165)
```
#768fac
```
#768fac rgb(118,143,172)
```
#8399b4
```
#8399b4 rgb(131,153,180)
```
#8fa3bb
```
#8fa3bb rgb(143,163,187)
```
#9badc2
```
#9badc2 rgb(155,173,194)
```
#a7b7ca
```
#a7b7ca rgb(167,183,202)
```
#b3c1d1
```
#b3c1d1 rgb(179,193,209)
```
#c0cbd9
```
#c0cbd9 rgb(192,203,217)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#d8dfe7
```
#d8dfe7 rgb(216,223,231)
```
#e4e9ef
```
#e4e9ef rgb(228,233,239)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a6c is the less saturated color, while #0762cd is the most saturated one.

#686a6c
```
#686a6c rgb(104,106,108)
```
#606974
```
#606974 rgb(96,105,116)
```
#58697c
```
#58697c rgb(88,105,124)
```
#506884
```
#506884 rgb(80,104,132)
```
#48678c
```
#48678c rgb(72,103,140)
```
#406794
```
#406794 rgb(64,103,148)
```
#38669c
```
#38669c rgb(56,102,156)
```
#2f65a5
```
#2f65a5 rgb(47,101,165)
```
#2765ad
```
#2765ad rgb(39,101,173)
```
#1f64b5
```
#1f64b5 rgb(31,100,181)
```
#1764bd
```
#1764bd rgb(23,100,189)
```
#0f63c5
```
#0f63c5 rgb(15,99,197)
```
#0762cd
```
#0762cd rgb(7,98,205)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#60656a Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c88 Protanopia 1% of men
#676c8b Deuteranopia 1% of men
#54727b Tritanopia 0.001% of the population

Trichromacy

#5e6b86 Protanomaly 1% of men, 0.01% of women
#5e6a88 Deuteranomaly 6% of men, 0.4% of women
#526e7e Tritanomaly 0.01% of the population

#506884 hex color

#506884 Color Information

#506884 Color Conversion

Color Schemes with #506884

Alternatives to #506884

#506884 Preview

Shades and Tints of #506884

Tones of #506884

Color Blindness Simulator