#506583 hex color

In a RGB color space, hex #506583 is composed of 31.4% red, 39.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 22.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 215.3 degrees, a saturation of 24.2% and a lightness of 41.4%. #506583 color hex could be obtained by blending #a0caff with #000007. Closest websafe color is: #666699.

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

● #506583 color description : Mostly desaturated dark blue.

The hexadecimal color #506583 has RGB values of R:80, G:101, B:131 and CMYK values of C:0.39, M:0.23, Y:0, K:0.49. Its decimal value is 5268867.

Hex triplet	506583	`#506583`
RGB Decimal	80, 101, 131	`rgb(80,101,131)`
RGB Percent	31.4, 39.6, 51.4	`rgb(31.4%,39.6%,51.4%)`
CMYK	39, 23, 0, 49
HSL	215.3°, 24.2, 41.4	`hsl(215.3,24.2%,41.4%)`
HSV (or HSB)	215.3°, 38.9, 51.4
Web Safe	666699	`#666699`

CIE-LAB	42.233, 0.231, -19.188
XYZ	12.058, 12.651, 23.278
xyY	0.251, 0.264, 12.651
CIE-LCH	42.233, 19.189, 270.691
CIE-LUV	42.233, -11.143, -27.016
Hunter-Lab	35.568, -1.733, -13.905
Binary	01010000, 01100101, 10000011

#506583
```
#506583 rgb(80,101,131)
```
#836e50
```
#836e50 rgb(131,110,80)
```

Complementary Color

#507f83
```
#507f83 rgb(80,127,131)
```
#506583
```
#506583 rgb(80,101,131)
```
#555083
```
#555083 rgb(85,80,131)
```

Analogous Color

#7f8350
```
#7f8350 rgb(127,131,80)
```
#506583
```
#506583 rgb(80,101,131)
```
#835550
```
#835550 rgb(131,85,80)
```

Split Complementary Color

#658350
```
#658350 rgb(101,131,80)
```
#506583
```
#506583 rgb(80,101,131)
```
#835065
```
#835065 rgb(131,80,101)
```

Triadic Color

#50836e
```
#50836e rgb(80,131,110)
```
#506583
```
#506583 rgb(80,101,131)
```
#835065
```
#835065 rgb(131,80,101)
```
#836e50
```
#836e50 rgb(131,110,80)
```

Tetradic Color

#334054
```
#334054 rgb(51,64,84)
```
#3d4d63
```
#3d4d63 rgb(61,77,99)
```
#465973
```
#465973 rgb(70,89,115)
```
#506583
```
#506583 rgb(80,101,131)
```
#5a7193
```
#5a7193 rgb(90,113,147)
```
#657ea1
```
#657ea1 rgb(101,126,161)
```
#758bab
```
#758bab rgb(117,139,171)
```

Monochromatic Color

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

#507283
```
#507283 rgb(80,114,131)
```
#506e83
```
#506e83 rgb(80,110,131)
```
#506983
```
#506983 rgb(80,105,131)
```
#506583
```
#506583 rgb(80,101,131)
```
#506183
```
#506183 rgb(80,97,131)
```
#505d83
```
#505d83 rgb(80,93,131)
```
#505883
```
#505883 rgb(80,88,131)
```

Similar Colors

Text with hexadecimal color #506583

This text has a font color of #506583.

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

#506583 background color

This paragraph has a background color of #506583.

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

#506583 border color

This element has a border color of #506583.

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

CSS codes

.text {color:#506583;}

.background {background-color:#506583;}

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0d1015
```
#0d1015 rgb(13,16,21)
```
#151a22
```
#151a22 rgb(21,26,34)
```
#1c232e
```
#1c232e rgb(28,35,46)
```
#232d3a
```
#232d3a rgb(35,45,58)
```
#2b3646
```
#2b3646 rgb(43,54,70)
```
#323f52
```
#323f52 rgb(50,63,82)
```
#3a495e
```
#3a495e rgb(58,73,94)
```
#41526b
```
#41526b rgb(65,82,107)
```
#495c77
```
#495c77 rgb(73,92,119)
```
#506583
```
#506583 rgb(80,101,131)
```
#576e8f
```
#576e8f rgb(87,110,143)
```
#5f789b
```
#5f789b rgb(95,120,155)
```

Shade Color Variation

#6a82a4
```
#6a82a4 rgb(106,130,164)
```
#768cab
```
#768cab rgb(118,140,171)
```
#8296b3
```
#8296b3 rgb(130,150,179)
```
#8ea0ba
```
#8ea0ba rgb(142,160,186)
```
#9babc2
```
#9babc2 rgb(155,171,194)
```
#a7b5c9
```
#a7b5c9 rgb(167,181,201)
```
#b3bfd1
```
#b3bfd1 rgb(179,191,209)
```
#bfc9d8
```
#bfc9d8 rgb(191,201,216)
```
#cbd4df
```
#cbd4df rgb(203,212,223)
```
#d8dee7
```
#d8dee7 rgb(216,222,231)
```
#e4e8ee
```
#e4e8ee rgb(228,232,238)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#68696b
```
#68696b rgb(104,105,107)
```
#606873
```
#606873 rgb(96,104,115)
```
#58667b
```
#58667b rgb(88,102,123)
```
#506583
```
#506583 rgb(80,101,131)
```
#48648b
```
#48648b rgb(72,100,139)
```
#406293
```
#406293 rgb(64,98,147)
```
#38619b
```
#38619b rgb(56,97,155)
```
#305fa3
```
#305fa3 rgb(48,95,163)
```
#275eac
```
#275eac rgb(39,94,172)
```
#1f5cb4
```
#1f5cb4 rgb(31,92,180)
```
#175bbc
```
#175bbc rgb(23,91,188)
```
#0f5ac4
```
#0f5ac4 rgb(15,90,196)
```
#0758cc
```
#0758cc rgb(7,88,204)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5e6369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636a87 Protanopia 1% of men
#636a8a Deuteranopia 1% of men
#537078 Tritanopia 0.001% of the population

Trichromacy

#5c6886 Protanomaly 1% of men, 0.01% of women
#5c6887 Deuteranomaly 6% of men, 0.4% of women
#526c7c Tritanomaly 0.01% of the population

#506583 hex color

#506583 Color Information

#506583 Color Conversion

Color Schemes with #506583

Alternatives to #506583

#506583 Preview

Shades and Tints of #506583

Tones of #506583

Color Blindness Simulator