#506081 hex color

In a RGB color space, hex #506081 is composed of 31.4% red, 37.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 25.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 220.4 degrees, a saturation of 23.4% and a lightness of 41%. #506081 color hex could be obtained by blending #a0c0ff with #000003. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 38
- B 51
RGB color chart
- C 38
- M 26
- Y 0
- K 49
CMYK color chart

● #506081 color description : Mostly desaturated dark blue.

The hexadecimal color #506081 has RGB values of R:80, G:96, B:129 and CMYK values of C:0.38, M:0.26, Y:0, K:0.49. Its decimal value is 5267585.

Hex triplet	506081	`#506081`
RGB Decimal	80, 96, 129	`rgb(80,96,129)`
RGB Percent	31.4, 37.6, 50.6	`rgb(31.4%,37.6%,50.6%)`
CMYK	38, 26, 0, 49
HSL	220.4°, 23.4, 41	`hsl(220.4,23.4%,41%)`
HSV (or HSB)	220.4°, 38, 50.6
Web Safe	666699	`#666699`

CIE-LAB	40.664, 2.72, -20.395
XYZ	11.453, 11.656, 22.414
xyY	0.252, 0.256, 11.656
CIE-LCH	40.664, 20.575, 277.596
CIE-LUV	40.664, -9.065, -28.849
Hunter-Lab	34.141, 0.133, -15.027
Binary	01010000, 01100000, 10000001

#506081
```
#506081 rgb(80,96,129)
```
#817150
```
#817150 rgb(129,113,80)
```

Complementary Color

#507981
```
#507981 rgb(80,121,129)
```
#506081
```
#506081 rgb(80,96,129)
```
#595081
```
#595081 rgb(89,80,129)
```

Analogous Color

#798150
```
#798150 rgb(121,129,80)
```
#506081
```
#506081 rgb(80,96,129)
```
#815950
```
#815950 rgb(129,89,80)
```

Split Complementary Color

#608150
```
#608150 rgb(96,129,80)
```
#506081
```
#506081 rgb(80,96,129)
```
#815060
```
#815060 rgb(129,80,96)
```

Triadic Color

#508171
```
#508171 rgb(80,129,113)
```
#506081
```
#506081 rgb(80,96,129)
```
#815060
```
#815060 rgb(129,80,96)
```
#817150
```
#817150 rgb(129,113,80)
```

Tetradic Color

#333d52
```
#333d52 rgb(51,61,82)
```
#3c4962
```
#3c4962 rgb(60,73,98)
```
#465471
```
#465471 rgb(70,84,113)
```
#506081
```
#506081 rgb(80,96,129)
```
#5a6c91
```
#5a6c91 rgb(90,108,145)
```
#65789f
```
#65789f rgb(101,120,159)
```
#7486a9
```
#7486a9 rgb(116,134,169)
```

Monochromatic Color

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

#506c81
```
#506c81 rgb(80,108,129)
```
#506881
```
#506881 rgb(80,104,129)
```
#506481
```
#506481 rgb(80,100,129)
```
#506081
```
#506081 rgb(80,96,129)
```
#505c81
```
#505c81 rgb(80,92,129)
```
#505881
```
#505881 rgb(80,88,129)
```
#505481
```
#505481 rgb(80,84,129)
```

Similar Colors

Text with hexadecimal color #506081

This text has a font color of #506081.

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

#506081 background color

This paragraph has a background color of #506081.

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

#506081 border color

This element has a border color of #506081.

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

CSS codes

.text {color:#506081;}

.background {background-color:#506081;}

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f14
```
#0c0f14 rgb(12,15,20)
```
#141820
```
#141820 rgb(20,24,32)
```
#1b212c
```
#1b212c rgb(27,33,44)
```
#232a38
```
#232a38 rgb(35,42,56)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#323c51
```
#323c51 rgb(50,60,81)
```
#39455d
```
#39455d rgb(57,69,93)
```
#414e69
```
#414e69 rgb(65,78,105)
```
#485775
```
#485775 rgb(72,87,117)
```
#506081
```
#506081 rgb(80,96,129)
```
#58698d
```
#58698d rgb(88,105,141)
```
#5f7299
```
#5f7299 rgb(95,114,153)
```

Shade Color Variation

#6a7ca2
```
#6a7ca2 rgb(106,124,162)
```
#7687aa
```
#7687aa rgb(118,135,170)
```
#8291b1
```
#8291b1 rgb(130,145,177)
```
#8e9cb9
```
#8e9cb9 rgb(142,156,185)
```
#9aa6c0
```
#9aa6c0 rgb(154,166,192)
```
#a6b1c8
```
#a6b1c8 rgb(166,177,200)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#bec6d7
```
#bec6d7 rgb(190,198,215)
```
#cad1de
```
#cad1de rgb(202,209,222)
```
#d7dce6
```
#d7dce6 rgb(215,220,230)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686869 is the less saturated color, while #0847c9 is the most saturated one.

#686869
```
#686869 rgb(104,104,105)
```
#606671
```
#606671 rgb(96,102,113)
```
#586379
```
#586379 rgb(88,99,121)
```
#506081
```
#506081 rgb(80,96,129)
```
#485d89
```
#485d89 rgb(72,93,137)
```
#405a91
```
#405a91 rgb(64,90,145)
```
#385899
```
#385899 rgb(56,88,153)
```
#3055a1
```
#3055a1 rgb(48,85,161)
```
#2852a9
```
#2852a9 rgb(40,82,169)
```
#204fb1
```
#204fb1 rgb(32,79,177)
```
#184cb9
```
#184cb9 rgb(24,76,185)
```
#104ac1
```
#104ac1 rgb(16,74,193)
```
#0847c9
```
#0847c9 rgb(8,71,201)
```

Tone Color Variation

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

#5e6686 Protanopia 1% of men
#5e6688 Deuteranopia 1% of men
#536c73 Tritanopia 0.001% of the population

Trichromacy

#596484 Protanomaly 1% of men, 0.01% of women
#596485 Deuteranomaly 6% of men, 0.4% of women
#526778 Tritanomaly 0.01% of the population

#506081 hex color

#506081 Color Information

#506081 Color Conversion

Color Schemes with #506081

Alternatives to #506081

#506081 Preview

Shades and Tints of #506081

Tones of #506081

Color Blindness Simulator