#504fc5 hex color

In a RGB color space, hex #504fc5 is composed of 31.4% red, 31% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 59.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 240.5 degrees, a saturation of 50.4% and a lightness of 54.1%. #504fc5 color hex could be obtained by blending #a09eff with #00008b. Closest websafe color is: #6666cc.

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

● #504fc5 color description : Moderate blue.

The hexadecimal color #504fc5 has RGB values of R:80, G:79, B:197 and CMYK values of C:0.59, M:0.6, Y:0, K:0.23. Its decimal value is 5263301.

Hex triplet	504fc5	`#504fc5`
RGB Decimal	80, 79, 197	`rgb(80,79,197)`
RGB Percent	31.4, 31, 77.3	`rgb(31.4%,31%,77.3%)`
CMYK	59, 60, 0, 23
HSL	240.5°, 50.4, 54.1	`hsl(240.5,50.4%,54.1%)`
HSV (or HSB)	240.5°, 59.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.127, 35.182, -61.689
XYZ	16.18, 11.328, 54.154
xyY	0.198, 0.139, 11.328
CIE-LCH	40.127, 71.016, 299.696
CIE-LUV	40.127, -6.343, -91.73
Hunter-Lab	33.657, 26.912, -71.838
Binary	01010000, 01001111, 11000101

#504fc5
```
#504fc5 rgb(80,79,197)
```
#c4c54f
```
#c4c54f rgb(196,197,79)
```

Complementary Color

#4f89c5
```
#4f89c5 rgb(79,137,197)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#8b4fc5
```
#8b4fc5 rgb(139,79,197)
```

Analogous Color

#89c54f
```
#89c54f rgb(137,197,79)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#c58b4f
```
#c58b4f rgb(197,139,79)
```

Split Complementary Color

#4fc550
```
#4fc550 rgb(79,197,80)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#c5504f
```
#c5504f rgb(197,80,79)
```

Triadic Color

#4fc4c5
```
#4fc4c5 rgb(79,196,197)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#c5504f
```
#c5504f rgb(197,80,79)
```
#c4c54f
```
#c4c54f rgb(196,197,79)
```

Tetradic Color

#323196
```
#323196 rgb(50,49,150)
```
#3938a9
```
#3938a9 rgb(57,56,169)
```
#3f3ebc
```
#3f3ebc rgb(63,62,188)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#6362cb
```
#6362cb rgb(99,98,203)
```
#7675d2
```
#7675d2 rgb(118,117,210)
```
#8989d8
```
#8989d8 rgb(137,137,216)
```

Monochromatic Color

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

#4f6cc5
```
#4f6cc5 rgb(79,108,197)
```
#4f62c5
```
#4f62c5 rgb(79,98,197)
```
#4f58c5
```
#4f58c5 rgb(79,88,197)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#5a4fc5
```
#5a4fc5 rgb(90,79,197)
```
#644fc5
```
#644fc5 rgb(100,79,197)
```
#6e4fc5
```
#6e4fc5 rgb(110,79,197)
```

Similar Colors

Text with hexadecimal color #504fc5

This text has a font color of #504fc5.

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

#504fc5 background color

This paragraph has a background color of #504fc5.

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

#504fc5 border color

This element has a border color of #504fc5.

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

CSS codes

.text {color:#504fc5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050510
```
#050510 rgb(5,5,16)
```
#0a0a1f
```
#0a0a1f rgb(10,10,31)
```
#0f0f2d
```
#0f0f2d rgb(15,15,45)
```
#14143c
```
#14143c rgb(20,20,60)
```
#19194b
```
#19194b rgb(25,25,75)
```
#1e1e5a
```
#1e1e5a rgb(30,30,90)
```
#232268
```
#232268 rgb(35,34,104)
```
#282777
```
#282777 rgb(40,39,119)
```
#2d2c86
```
#2d2c86 rgb(45,44,134)
```
#323195
```
#323195 rgb(50,49,149)
```
#3736a3
```
#3736a3 rgb(55,54,163)
```
#3c3bb2
```
#3c3bb2 rgb(60,59,178)
```

Shade Color Variation

#4140c0
```
#4140c0 rgb(65,64,192)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#5f5eca
```
#5f5eca rgb(95,94,202)
```
#6d6dcf
```
#6d6dcf rgb(109,109,207)
```
#7c7bd4
```
#7c7bd4 rgb(124,123,212)
```
#8b8ad8
```
#8b8ad8 rgb(139,138,216)
```
#9999dd
```
#9999dd rgb(153,153,221)
```
#a8a8e2
```
#a8a8e2 rgb(168,168,226)
```
#b7b6e7
```
#b7b6e7 rgb(183,182,231)
```
#c5c5ec
```
#c5c5ec rgb(197,197,236)
```
#d4d4f1
```
#d4d4f1 rgb(212,212,241)
```
#e3e3f6
```
#e3e3f6 rgb(227,227,246)
```
#f1f1fa
```
#f1f1fa rgb(241,241,250)
```

Tint Color Variation

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

#85858f
```
#85858f rgb(133,133,143)
```
#7c7c98
```
#7c7c98 rgb(124,124,152)
```
#7373a1
```
#7373a1 rgb(115,115,161)
```
#6b6aaa
```
#6b6aaa rgb(107,106,170)
```
#6261b3
```
#6261b3 rgb(98,97,179)
```
#5958bc
```
#5958bc rgb(89,88,188)
```
#504fc5
```
#504fc5 rgb(80,79,197)
```
#4746ce
```
#4746ce rgb(71,70,206)
```
#3e3dd7
```
#3e3dd7 rgb(62,61,215)
```
#3534e0
```
#3534e0 rgb(53,52,224)
```
#2d2be9
```
#2d2be9 rgb(45,43,233)
```
#2422f2
```
#2422f2 rgb(36,34,242)
```
#1b19fb
```
#1b19fb rgb(27,25,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5a5a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#266f78 Tritanopia 0.001% of the population

Trichromacy

#1d5cc3 Protanomaly 1% of men, 0.01% of women
#1d5fb4 Deuteranomaly 6% of men, 0.4% of women
#356394 Tritanomaly 0.01% of the population

#504fc5 hex color

#504fc5 Color Information

#504fc5 Color Conversion

Color Schemes with #504fc5

Alternatives to #504fc5

#504fc5 Preview

Shades and Tints of #504fc5

Tones of #504fc5

Color Blindness Simulator