#506084 hex color

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

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

● #506084 color description : Mostly desaturated dark blue.

The hexadecimal color #506084 has RGB values of R:80, G:96, B:132 and CMYK values of C:0.39, M:0.27, Y:0, K:0.48. Its decimal value is 5267588.

Hex triplet	506084	`#506084`
RGB Decimal	80, 96, 132	`rgb(80,96,132)`
RGB Percent	31.4, 37.6, 51.8	`rgb(31.4%,37.6%,51.8%)`
CMYK	39, 27, 0, 48
HSL	221.5°, 24.5, 41.6	`hsl(221.5,24.5%,41.6%)`
HSV (or HSB)	221.5°, 39.4, 51.8
Web Safe	666699	`#666699`

CIE-LAB	40.795, 3.602, -22.012
XYZ	11.655, 11.737, 23.48
xyY	0.249, 0.25, 11.737
CIE-LCH	40.795, 22.305, 279.293
CIE-LUV	40.795, -9.144, -31.367
Hunter-Lab	34.259, 0.774, -16.654
Binary	01010000, 01100000, 10000100

#506084
```
#506084 rgb(80,96,132)
```
#847450
```
#847450 rgb(132,116,80)
```

Complementary Color

#507a84
```
#507a84 rgb(80,122,132)
```
#506084
```
#506084 rgb(80,96,132)
```
#5a5084
```
#5a5084 rgb(90,80,132)
```

Analogous Color

#7a8450
```
#7a8450 rgb(122,132,80)
```
#506084
```
#506084 rgb(80,96,132)
```
#845a50
```
#845a50 rgb(132,90,80)
```

Split Complementary Color

#608450
```
#608450 rgb(96,132,80)
```
#506084
```
#506084 rgb(80,96,132)
```
#845060
```
#845060 rgb(132,80,96)
```

Triadic Color

#508474
```
#508474 rgb(80,132,116)
```
#506084
```
#506084 rgb(80,96,132)
```
#845060
```
#845060 rgb(132,80,96)
```
#847450
```
#847450 rgb(132,116,80)
```

Tetradic Color

#333d54
```
#333d54 rgb(51,61,84)
```
#3d4964
```
#3d4964 rgb(61,73,100)
```
#465474
```
#465474 rgb(70,84,116)
```
#506084
```
#506084 rgb(80,96,132)
```
#5a6c94
```
#5a6c94 rgb(90,108,148)
```
#6578a2
```
#6578a2 rgb(101,120,162)
```
#7586ab
```
#7586ab rgb(117,134,171)
```

Monochromatic Color

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

#506d84
```
#506d84 rgb(80,109,132)
```
#506984
```
#506984 rgb(80,105,132)
```
#506484
```
#506484 rgb(80,100,132)
```
#506084
```
#506084 rgb(80,96,132)
```
#505c84
```
#505c84 rgb(80,92,132)
```
#505784
```
#505784 rgb(80,87,132)
```
#505384
```
#505384 rgb(80,83,132)
```

Similar Colors

Text with hexadecimal color #506084

This text has a font color of #506084.

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

#506084 background color

This paragraph has a background color of #506084.

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

#506084 border color

This element has a border color of #506084.

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

CSS codes

.text {color:#506084;}

.background {background-color:#506084;}

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

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

#06070a
```
#06070a rgb(6,7,10)
```
#0d1016
```
#0d1016 rgb(13,16,22)
```
#151922
```
#151922 rgb(21,25,34)
```
#1c222f
```
#1c222f rgb(28,34,47)
```
#242b3b
```
#242b3b rgb(36,43,59)
```
#2b3447
```
#2b3447 rgb(43,52,71)
```
#323c53
```
#323c53 rgb(50,60,83)
```
#3a455f
```
#3a455f rgb(58,69,95)
```
#414e6c
```
#414e6c rgb(65,78,108)
```
#495778
```
#495778 rgb(73,87,120)
```
#506084
```
#506084 rgb(80,96,132)
```
#576990
```
#576990 rgb(87,105,144)
```
#5f729c
```
#5f729c rgb(95,114,156)
```

Shade Color Variation

#6a7ca5
```
#6a7ca5 rgb(106,124,165)
```
#7687ac
```
#7687ac rgb(118,135,172)
```
#8392b4
```
#8392b4 rgb(131,146,180)
```
#8f9cbb
```
#8f9cbb rgb(143,156,187)
```
#9ba7c2
```
#9ba7c2 rgb(155,167,194)
```
#a7b2ca
```
#a7b2ca rgb(167,178,202)
```
#b3bdd1
```
#b3bdd1 rgb(179,189,209)
```
#c0c7d9
```
#c0c7d9 rgb(192,199,217)
```
#ccd2e0
```
#ccd2e0 rgb(204,210,224)
```
#d8dde7
```
#d8dde7 rgb(216,221,231)
```
#e4e7ef
```
#e4e7ef rgb(228,231,239)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#68696c
```
#68696c rgb(104,105,108)
```
#606674
```
#606674 rgb(96,102,116)
```
#58637c
```
#58637c rgb(88,99,124)
```
#506084
```
#506084 rgb(80,96,132)
```
#485d8c
```
#485d8c rgb(72,93,140)
```
#405a94
```
#405a94 rgb(64,90,148)
```
#38579c
```
#38579c rgb(56,87,156)
```
#2f53a5
```
#2f53a5 rgb(47,83,165)
```
#2750ad
```
#2750ad rgb(39,80,173)
```
#1f4db5
```
#1f4db5 rgb(31,77,181)
```
#174abd
```
#174abd rgb(23,74,189)
```
#0f47c5
```
#0f47c5 rgb(15,71,197)
```
#0744cd
```
#0744cd rgb(7,68,205)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c5f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6789 Protanopia 1% of men
#5d678a Deuteranopia 1% of men
#526c74 Tritanopia 0.001% of the population

Trichromacy

#586487 Protanomaly 1% of men, 0.01% of women
#586488 Deuteranomaly 6% of men, 0.4% of women
#51687a Tritanomaly 0.01% of the population

#506084 hex color

#506084 Color Information

#506084 Color Conversion

Color Schemes with #506084

Alternatives to #506084

#506084 Preview

Shades and Tints of #506084

Tones of #506084

Color Blindness Simulator