#505674 hex color

In a RGB color space, hex #505674 is composed of 31.4% red, 33.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 25.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 230 degrees, a saturation of 18.4% and a lightness of 38.4%. #505674 color hex could be obtained by blending #a0ace8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 34
- B 45
RGB color chart
- C 31
- M 26
- Y 0
- K 55
CMYK color chart

● #505674 color description : Mostly desaturated dark blue.

The hexadecimal color #505674 has RGB values of R:80, G:86, B:116 and CMYK values of C:0.31, M:0.26, Y:0, K:0.55. Its decimal value is 5265012.

Hex triplet	505674	`#505674`
RGB Decimal	80, 86, 116	`rgb(80,86,116)`
RGB Percent	31.4, 33.7, 45.5	`rgb(31.4%,33.7%,45.5%)`
CMYK	31, 26, 0, 55
HSL	230°, 18.4, 38.4	`hsl(230,18.4%,38.4%)`
HSV (or HSB)	230°, 31, 45.5
Web Safe	666666	`#666666`

CIE-LAB	37.155, 5.245, -17.841
XYZ	9.788, 9.622, 17.864
xyY	0.263, 0.258, 9.622
CIE-LCH	37.155, 18.596, 286.382
CIE-LUV	37.155, -4.514, -24.836
Hunter-Lab	31.019, 2.041, -12.431
Binary	01010000, 01010110, 01110100

#505674
```
#505674 rgb(80,86,116)
```
#746e50
```
#746e50 rgb(116,110,80)
```

Complementary Color

#506874
```
#506874 rgb(80,104,116)
```
#505674
```
#505674 rgb(80,86,116)
```
#5c5074
```
#5c5074 rgb(92,80,116)
```

Analogous Color

#687450
```
#687450 rgb(104,116,80)
```
#505674
```
#505674 rgb(80,86,116)
```
#745c50
```
#745c50 rgb(116,92,80)
```

Split Complementary Color

#567450
```
#567450 rgb(86,116,80)
```
#505674
```
#505674 rgb(80,86,116)
```
#745056
```
#745056 rgb(116,80,86)
```

Triadic Color

#50746e
```
#50746e rgb(80,116,110)
```
#505674
```
#505674 rgb(80,86,116)
```
#745056
```
#745056 rgb(116,80,86)
```
#746e50
```
#746e50 rgb(116,110,80)
```

Tetradic Color

#313447
```
#313447 rgb(49,52,71)
```
#3b4056
```
#3b4056 rgb(59,64,86)
```
#464b65
```
#464b65 rgb(70,75,101)
```
#505674
```
#505674 rgb(80,86,116)
```
#5a6183
```
#5a6183 rgb(90,97,131)
```
#656c92
```
#656c92 rgb(101,108,146)
```
#727a9e
```
#727a9e rgb(114,122,158)
```

Monochromatic Color

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

#505f74
```
#505f74 rgb(80,95,116)
```
#505c74
```
#505c74 rgb(80,92,116)
```
#505974
```
#505974 rgb(80,89,116)
```
#505674
```
#505674 rgb(80,86,116)
```
#505374
```
#505374 rgb(80,83,116)
```
#505074
```
#505074 rgb(80,80,116)
```
#535074
```
#535074 rgb(83,80,116)
```

Similar Colors

Text with hexadecimal color #505674

This text has a font color of #505674.

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

#505674 background color

This paragraph has a background color of #505674.

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

#505674 border color

This element has a border color of #505674.

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

CSS codes

.text {color:#505674;}

.background {background-color:#505674;}

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

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, #08090c is the darkest color, while #ffffff is the lightest one.

#08090c
```
#08090c rgb(8,9,12)
```
#101117
```
#101117 rgb(16,17,23)
```
#181a23
```
#181a23 rgb(24,26,35)
```
#20222e
```
#20222e rgb(32,34,46)
```
#282b3a
```
#282b3a rgb(40,43,58)
```
#303446
```
#303446 rgb(48,52,70)
```
#383c51
```
#383c51 rgb(56,60,81)
```
#40455d
```
#40455d rgb(64,69,93)
```
#484d68
```
#484d68 rgb(72,77,104)
```
#505674
```
#505674 rgb(80,86,116)
```
#585f80
```
#585f80 rgb(88,95,128)
```
#60678b
```
#60678b rgb(96,103,139)
```
#687097
```
#687097 rgb(104,112,151)
```

Shade Color Variation

#747b9f
```
#747b9f rgb(116,123,159)
```
#7f86a7
```
#7f86a7 rgb(127,134,167)
```
#8b91af
```
#8b91af rgb(139,145,175)
```
#969cb7
```
#969cb7 rgb(150,156,183)
```
#a2a7bf
```
#a2a7bf rgb(162,167,191)
```
#aeb2c7
```
#aeb2c7 rgb(174,178,199)
```
#b9bdcf
```
#b9bdcf rgb(185,189,207)
```
#c5c8d7
```
#c5c8d7 rgb(197,200,215)
```
#d0d3df
```
#d0d3df rgb(208,211,223)
```
#dcdee7
```
#dcdee7 rgb(220,222,231)
```
#e8e9ef
```
#e8e9ef rgb(232,233,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6065 is the less saturated color, while #0524bf is the most saturated one.

#5f6065
```
#5f6065 rgb(95,96,101)
```
#585b6c
```
#585b6c rgb(88,91,108)
```
#505674
```
#505674 rgb(80,86,116)
```
#48517c
```
#48517c rgb(72,81,124)
```
#414c83
```
#414c83 rgb(65,76,131)
```
#39478b
```
#39478b rgb(57,71,139)
```
#324292
```
#324292 rgb(50,66,146)
```
#2a3d9a
```
#2a3d9a rgb(42,61,154)
```
#2338a1
```
#2338a1 rgb(35,56,161)
```
#1b33a9
```
#1b33a9 rgb(27,51,169)
```
#142eb0
```
#142eb0 rgb(20,46,176)
```
#0c29b8
```
#0c29b8 rgb(12,41,184)
```
#0524bf
```
#0524bf rgb(5,36,191)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#56585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#575f7b Protanopia 1% of men
#595e7b Deuteranopia 1% of men
#546269 Tritanopia 0.001% of the population

Trichromacy

#555b78 Protanomaly 1% of men, 0.01% of women
#555b78 Deuteranomaly 6% of men, 0.4% of women
#525d6d Tritanomaly 0.01% of the population

#505674 hex color

#505674 Color Information

#505674 Color Conversion

Color Schemes with #505674

Alternatives to #505674

#505674 Preview

Shades and Tints of #505674

Tones of #505674

Color Blindness Simulator