#504685 hex color

In a RGB color space, hex #504685 is composed of 31.4% red, 27.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 39.8% cyan, 47.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 249.5 degrees, a saturation of 31% and a lightness of 39.8%. #504685 color hex could be obtained by blending #a08cff with #00000b. Closest websafe color is: #663399.

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

● #504685 color description : Dark moderate blue.

The hexadecimal color #504685 has RGB values of R:80, G:70, B:133 and CMYK values of C:0.4, M:0.47, Y:0, K:0.48. Its decimal value is 5260933.

Hex triplet	504685	`#504685`
RGB Decimal	80, 70, 133	`rgb(80,70,133)`
RGB Percent	31.4, 27.5, 52.2	`rgb(31.4%,27.5%,52.2%)`
CMYK	40, 47, 0, 48
HSL	249.5°, 31, 39.8	`hsl(249.5,31%,39.8%)`
HSV (or HSB)	249.5°, 47.4, 52.2
Web Safe	663399	`#663399`

CIE-LAB	33.519, 20.467, -34.041
XYZ	9.731, 7.779, 23.178
xyY	0.239, 0.191, 7.779
CIE-LCH	33.519, 39.72, 301.017
CIE-LUV	33.519, 0.352, -48.386
Hunter-Lab	27.891, 13.47, -29.747
Binary	01010000, 01000110, 10000101

#504685
```
#504685 rgb(80,70,133)
```
#7b8546
```
#7b8546 rgb(123,133,70)
```

Complementary Color

#465c85
```
#465c85 rgb(70,92,133)
```
#504685
```
#504685 rgb(80,70,133)
```
#704685
```
#704685 rgb(112,70,133)
```

Analogous Color

#5c8546
```
#5c8546 rgb(92,133,70)
```
#504685
```
#504685 rgb(80,70,133)
```
#857046
```
#857046 rgb(133,112,70)
```

Split Complementary Color

#468550
```
#468550 rgb(70,133,80)
```
#504685
```
#504685 rgb(80,70,133)
```
#855046
```
#855046 rgb(133,80,70)
```

Triadic Color

#467b85
```
#467b85 rgb(70,123,133)
```
#504685
```
#504685 rgb(80,70,133)
```
#855046
```
#855046 rgb(133,80,70)
```
#7b8546
```
#7b8546 rgb(123,133,70)
```

Tetradic Color

#322c53
```
#322c53 rgb(50,44,83)
```
#3c3464
```
#3c3464 rgb(60,52,100)
```
#463d74
```
#463d74 rgb(70,61,116)
```
#504685
```
#504685 rgb(80,70,133)
```
#5a4f96
```
#5a4f96 rgb(90,79,150)
```
#6458a6
```
#6458a6 rgb(100,88,166)
```
#7368b0
```
#7368b0 rgb(115,104,176)
```

Monochromatic Color

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

#464c85
```
#464c85 rgb(70,76,133)
```
#464785
```
#464785 rgb(70,71,133)
```
#4b4685
```
#4b4685 rgb(75,70,133)
```
#504685
```
#504685 rgb(80,70,133)
```
#554685
```
#554685 rgb(85,70,133)
```
#5b4685
```
#5b4685 rgb(91,70,133)
```
#604685
```
#604685 rgb(96,70,133)
```

Similar Colors

Text with hexadecimal color #504685

This text has a font color of #504685.

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

#504685 background color

This paragraph has a background color of #504685.

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

#504685 border color

This element has a border color of #504685.

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

CSS codes

.text {color:#504685;}

.background {background-color:#504685;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0a0911
```
#0a0911 rgb(10,9,17)
```
#12101e
```
#12101e rgb(18,16,30)
```
#1a172b
```
#1a172b rgb(26,23,43)
```
#221d38
```
#221d38 rgb(34,29,56)
```
#292445
```
#292445 rgb(41,36,69)
```
#312b52
```
#312b52 rgb(49,43,82)
```
#39325e
```
#39325e rgb(57,50,94)
```
#41386b
```
#41386b rgb(65,56,107)
```
#483f78
```
#483f78 rgb(72,63,120)
```
#504685
```
#504685 rgb(80,70,133)
```
#584d92
```
#584d92 rgb(88,77,146)
```
#5f549f
```
#5f549f rgb(95,84,159)
```

Shade Color Variation

#695ca9
```
#695ca9 rgb(105,92,169)
```
#7569b0
```
#7569b0 rgb(117,105,176)
```
#8076b7
```
#8076b7 rgb(128,118,183)
```
#8c83be
```
#8c83be rgb(140,131,190)
```
#9890c4
```
#9890c4 rgb(152,144,196)
```
#a49dcb
```
#a49dcb rgb(164,157,203)
```
#b0aad2
```
#b0aad2 rgb(176,170,210)
```
#bcb6d9
```
#bcb6d9 rgb(188,182,217)
```
#c8c3e0
```
#c8c3e0 rgb(200,195,224)
```
#d4d0e6
```
#d4d0e6 rgb(212,208,230)
```
#dfdded
```
#dfdded rgb(223,221,237)
```
#ebeaf4
```
#ebeaf4 rgb(235,234,244)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#656566
```
#656566 rgb(101,101,102)
```
#605d6e
```
#605d6e rgb(96,93,110)
```
#5b5675
```
#5b5675 rgb(91,86,117)
```
#554e7d
```
#554e7d rgb(85,78,125)
```
#504685
```
#504685 rgb(80,70,133)
```
#4b3e8d
```
#4b3e8d rgb(75,62,141)
```
#453695
```
#453695 rgb(69,54,149)
```
#402f9c
```
#402f9c rgb(64,47,156)
```
#3b27a4
```
#3b27a4 rgb(59,39,164)
```
#351fac
```
#351fac rgb(53,31,172)
```
#3017b4
```
#3017b4 rgb(48,23,180)
```
#2b0fbc
```
#2b0fbc rgb(43,15,188)
```
#2508c3
```
#2508c3 rgb(37,8,195)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5690 Protanopia 1% of men
#385888 Deuteranopia 1% of men
#4c5a60 Tritanopia 0.001% of the population

Trichromacy

#42508c Protanomaly 1% of men, 0.01% of women
#405186 Deuteranomaly 6% of men, 0.4% of women
#4d526d Tritanomaly 0.01% of the population

#504685 hex color

#504685 Color Information

#504685 Color Conversion

Color Schemes with #504685

Alternatives to #504685

#504685 Preview

Shades and Tints of #504685

Tones of #504685

Color Blindness Simulator