#504fd4 hex color

In a RGB color space, hex #504fd4 is composed of 31.4% red, 31% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 62.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 240.5 degrees, a saturation of 60.7% and a lightness of 57.1%. #504fd4 color hex could be obtained by blending #a09eff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 83
RGB color chart
- C 62
- M 63
- Y 0
- K 17
CMYK color chart

● #504fd4 color description : Moderate blue.

The hexadecimal color #504fd4 has RGB values of R:80, G:79, B:212 and CMYK values of C:0.62, M:0.63, Y:0, K:0.17. Its decimal value is 5263316.

Hex triplet	504fd4	`#504fd4`
RGB Decimal	80, 79, 212	`rgb(80,79,212)`
RGB Percent	31.4, 31, 83.1	`rgb(31.4%,31%,83.1%)`
CMYK	62, 63, 0, 17
HSL	240.5°, 60.7, 57.1	`hsl(240.5,60.7%,57.1%)`
HSV (or HSB)	240.5°, 62.7, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.296, 40.091, -68.453
XYZ	17.986, 12.05, 63.662
xyY	0.192, 0.129, 12.05
CIE-LCH	41.296, 79.329, 300.356
CIE-LUV	41.296, -7.108, -102.032
Hunter-Lab	34.713, 31.736, -84.435
Binary	01010000, 01001111, 11010100

#504fd4
```
#504fd4 rgb(80,79,212)
```
#d3d44f
```
#d3d44f rgb(211,212,79)
```

Complementary Color

#4f91d4
```
#4f91d4 rgb(79,145,212)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#934fd4
```
#934fd4 rgb(147,79,212)
```

Analogous Color

#91d44f
```
#91d44f rgb(145,212,79)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#d4934f
```
#d4934f rgb(212,147,79)
```

Split Complementary Color

#4fd450
```
#4fd450 rgb(79,212,80)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#d4504f
```
#d4504f rgb(212,80,79)
```

Triadic Color

#4fd3d4
```
#4fd3d4 rgb(79,211,212)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#d4504f
```
#d4504f rgb(212,80,79)
```
#d3d44f
```
#d3d44f rgb(211,212,79)
```

Tetradic Color

#2b2aac
```
#2b2aac rgb(43,42,172)
```
#302fc1
```
#302fc1 rgb(48,47,193)
```
#3c3bcf
```
#3c3bcf rgb(60,59,207)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#6463d9
```
#6463d9 rgb(100,99,217)
```
#7978de
```
#7978de rgb(121,120,222)
```
#8d8ce3
```
#8d8ce3 rgb(141,140,227)
```

Monochromatic Color

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

#4f6fd4
```
#4f6fd4 rgb(79,111,212)
```
#4f64d4
```
#4f64d4 rgb(79,100,212)
```
#4f59d4
```
#4f59d4 rgb(79,89,212)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#5b4fd4
```
#5b4fd4 rgb(91,79,212)
```
#664fd4
```
#664fd4 rgb(102,79,212)
```
#714fd4
```
#714fd4 rgb(113,79,212)
```

Similar Colors

Text with hexadecimal color #504fd4

This text has a font color of #504fd4.

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

#504fd4 background color

This paragraph has a background color of #504fd4.

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

#504fd4 border color

This element has a border color of #504fd4.

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

CSS codes

.text {color:#504fd4;}

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

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

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, #03030d is the darkest color, while #fcfcfe is the lightest one.

#03030d
```
#03030d rgb(3,3,13)
```
#07071d
```
#07071d rgb(7,7,29)
```
#0b0b2d
```
#0b0b2d rgb(11,11,45)
```
#0f0f3c
```
#0f0f3c rgb(15,15,60)
```
#13134c
```
#13134c rgb(19,19,76)
```
#17165c
```
#17165c rgb(23,22,92)
```
#1b1a6c
```
#1b1a6c rgb(27,26,108)
```
#1f1e7c
```
#1f1e7c rgb(31,30,124)
```
#23228b
```
#23228b rgb(35,34,139)
```
#27269b
```
#27269b rgb(39,38,155)
```
#2b2aab
```
#2b2aab rgb(43,42,171)
```
#2f2ebb
```
#2f2ebb rgb(47,46,187)
```
#3331ca
```
#3331ca rgb(51,49,202)
```

Shade Color Variation

#403fd0
```
#403fd0 rgb(64,63,208)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#605fd8
```
#605fd8 rgb(96,95,216)
```
#6f6fdc
```
#6f6fdc rgb(111,111,220)
```
#7f7ee0
```
#7f7ee0 rgb(127,126,224)
```
#8f8ee3
```
#8f8ee3 rgb(143,142,227)
```
#9e9ee7
```
#9e9ee7 rgb(158,158,231)
```
#aeaeeb
```
#aeaeeb rgb(174,174,235)
```
#bebdef
```
#bebdef rgb(190,189,239)
```
#cdcdf3
```
#cdcdf3 rgb(205,205,243)
```
#ddddf7
```
#ddddf7 rgb(221,221,247)
```
#ededfb
```
#ededfb rgb(237,237,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a99 is the less saturated color, while #2725fe is the most saturated one.

#8a8a99
```
#8a8a99 rgb(138,138,153)
```
#8282a1
```
#8282a1 rgb(130,130,161)
```
#7979aa
```
#7979aa rgb(121,121,170)
```
#7171b2
```
#7171b2 rgb(113,113,178)
```
#6968bb
```
#6968bb rgb(105,104,187)
```
#6160c3
```
#6160c3 rgb(97,96,195)
```
#5857cc
```
#5857cc rgb(88,87,204)
```
#504fd4
```
#504fd4 rgb(80,79,212)
```
#4847dc
```
#4847dc rgb(72,71,220)
```
#3f3ee5
```
#3f3ee5 rgb(63,62,229)
```
#3736ed
```
#3736ed rgb(55,54,237)
```
#2f2df6
```
#2f2df6 rgb(47,45,246)
```
#2725fe
```
#2725fe rgb(39,37,254)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#1d5dcc Protanomaly 1% of men, 0.01% of women
#1d61bc Deuteranomaly 6% of men, 0.4% of women
#1d669c Tritanomaly 0.01% of the population

#504fd4 hex color

#504fd4 Color Information

#504fd4 Color Conversion

Color Schemes with #504fd4

Alternatives to #504fd4

#504fd4 Preview

Shades and Tints of #504fd4

Tones of #504fd4

Color Blindness Simulator