#504dc4 hex color

In a RGB color space, hex #504dc4 is composed of 31.4% red, 30.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 60.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 241.5 degrees, a saturation of 50.2% and a lightness of 53.5%. #504dc4 color hex could be obtained by blending #a09aff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 30
- B 77
RGB color chart
- C 59
- M 61
- Y 0
- K 23
CMYK color chart

● #504dc4 color description : Moderate blue.

The hexadecimal color #504dc4 has RGB values of R:80, G:77, B:196 and CMYK values of C:0.59, M:0.61, Y:0, K:0.23. Its decimal value is 5262788.

Hex triplet	504dc4	`#504dc4`
RGB Decimal	80, 77, 196	`rgb(80,77,196)`
RGB Percent	31.4, 30.2, 76.9	`rgb(31.4%,30.2%,76.9%)`
CMYK	59, 61, 0, 23
HSL	241.5°, 50.2, 53.5	`hsl(241.5,50.2%,53.5%)`
HSV (or HSB)	241.5°, 60.7, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.577, 36.082, -62.002
XYZ	15.924, 10.998, 53.505
xyY	0.198, 0.137, 10.998
CIE-LCH	39.577, 71.737, 300.197
CIE-LUV	39.577, -5.8, -91.795
Hunter-Lab	33.163, 27.674, -72.443
Binary	01010000, 01001101, 11000100

#504dc4
```
#504dc4 rgb(80,77,196)
```
#c1c44d
```
#c1c44d rgb(193,196,77)
```

Complementary Color

#4d86c4
```
#4d86c4 rgb(77,134,196)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#8c4dc4
```
#8c4dc4 rgb(140,77,196)
```

Analogous Color

#86c44d
```
#86c44d rgb(134,196,77)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#c48c4d
```
#c48c4d rgb(196,140,77)
```

Split Complementary Color

#4dc450
```
#4dc450 rgb(77,196,80)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#c4504d
```
#c4504d rgb(196,80,77)
```

Triadic Color

#4dc1c4
```
#4dc1c4 rgb(77,193,196)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#c4504d
```
#c4504d rgb(196,80,77)
```
#c1c44d
```
#c1c44d rgb(193,196,77)
```

Tetradic Color

#333194
```
#333194 rgb(51,49,148)
```
#3a37a7
```
#3a37a7 rgb(58,55,167)
```
#413eba
```
#413eba rgb(65,62,186)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#6360ca
```
#6360ca rgb(99,96,202)
```
#7673d1
```
#7673d1 rgb(118,115,209)
```
#8886d7
```
#8886d7 rgb(136,134,215)
```

Monochromatic Color

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

#4d68c4
```
#4d68c4 rgb(77,104,196)
```
#4d5ec4
```
#4d5ec4 rgb(77,94,196)
```
#4d54c4
```
#4d54c4 rgb(77,84,196)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#5a4dc4
```
#5a4dc4 rgb(90,77,196)
```
#644dc4
```
#644dc4 rgb(100,77,196)
```
#6e4dc4
```
#6e4dc4 rgb(110,77,196)
```

Similar Colors

Text with hexadecimal color #504dc4

This text has a font color of #504dc4.

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

#504dc4 background color

This paragraph has a background color of #504dc4.

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

#504dc4 border color

This element has a border color of #504dc4.

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

CSS codes

.text {color:#504dc4;}

.background {background-color:#504dc4;}

.border {border:1px solid #504dc4;}

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, #05040e is the darkest color, while #fefeff is the lightest one.

#05040e
```
#05040e rgb(5,4,14)
```
#0a091c
```
#0a091c rgb(10,9,28)
```
#0f0e2b
```
#0f0e2b rgb(15,14,43)
```
#14133a
```
#14133a rgb(20,19,58)
```
#191848
```
#191848 rgb(25,24,72)
```
#1e1d57
```
#1e1d57 rgb(30,29,87)
```
#232266
```
#232266 rgb(35,34,102)
```
#292775
```
#292775 rgb(41,39,117)
```
#2e2c83
```
#2e2c83 rgb(46,44,131)
```
#333092
```
#333092 rgb(51,48,146)
```
#3835a1
```
#3835a1 rgb(56,53,161)
```
#3d3ab0
```
#3d3ab0 rgb(61,58,176)
```
#423fbe
```
#423fbe rgb(66,63,190)
```

Shade Color Variation

#504dc4
```
#504dc4 rgb(80,77,196)
```
#5e5cc9
```
#5e5cc9 rgb(94,92,201)
```
#6d6ace
```
#6d6ace rgb(109,106,206)
```
#7b79d3
```
#7b79d3 rgb(123,121,211)
```
#8a88d8
```
#8a88d8 rgb(138,136,216)
```
#9897dc
```
#9897dc rgb(152,151,220)
```
#a7a5e1
```
#a7a5e1 rgb(167,165,225)
```
#b5b4e6
```
#b5b4e6 rgb(181,180,230)
```
#c4c3eb
```
#c4c3eb rgb(196,195,235)
```
#d2d2f0
```
#d2d2f0 rgb(210,210,240)
```
#e1e0f5
```
#e1e0f5 rgb(225,224,245)
```
#efeffa
```
#efeffa rgb(239,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84848d is the less saturated color, while #1c16fb is the most saturated one.

#84848d
```
#84848d rgb(132,132,141)
```
#7b7b96
```
#7b7b96 rgb(123,123,150)
```
#7371a0
```
#7371a0 rgb(115,113,160)
```
#6a68a9
```
#6a68a9 rgb(106,104,169)
```
#615fb2
```
#615fb2 rgb(97,95,178)
```
#5956bb
```
#5956bb rgb(89,86,187)
```
#504dc4
```
#504dc4 rgb(80,77,196)
```
#4744cd
```
#4744cd rgb(71,68,205)
```
#3f3bd6
```
#3f3bd6 rgb(63,59,214)
```
#3632df
```
#3632df rgb(54,50,223)
```
#2d29e8
```
#2d29e8 rgb(45,41,232)
```
#251ff2
```
#251ff2 rgb(37,31,242)
```
#1c16fb
```
#1c16fb rgb(28,22,251)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#276e76 Tritanopia 0.001% of the population

Trichromacy

#1d5ac2 Protanomaly 1% of men, 0.01% of women
#1d5eb3 Deuteranomaly 6% of men, 0.4% of women
#366292 Tritanomaly 0.01% of the population

#504dc4 hex color

#504dc4 Color Information

#504dc4 Color Conversion

Color Schemes with #504dc4

Alternatives to #504dc4

#504dc4 Preview

Shades and Tints of #504dc4

Tones of #504dc4

Color Blindness Simulator