#504ffd hex color

In a RGB color space, hex #504ffd is composed of 31.4% red, 31% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 68.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 240.3 degrees, a saturation of 97.8% and a lightness of 65.1%. #504ffd color hex could be obtained by blending #a09eff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 31
- B 99
RGB color chart
- C 68
- M 69
- Y 0
- K 1
CMYK color chart

● #504ffd color description : Soft blue.

The hexadecimal color #504ffd has RGB values of R:80, G:79, B:253 and CMYK values of C:0.68, M:0.69, Y:0, K:0.01. Its decimal value is 5263357.

Hex triplet	504ffd	`#504ffd`
RGB Decimal	80, 79, 253	`rgb(80,79,253)`
RGB Percent	31.4, 31, 99.2	`rgb(31.4%,31%,99.2%)`
CMYK	68, 69, 0, 1
HSL	240.3°, 97.8, 65.1	`hsl(240.3,97.8%,65.1%)`
HSV (or HSB)	240.3°, 68.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.784, 53.282, -85.937
XYZ	23.83, 14.388, 94.444
xyY	0.18, 0.108, 14.388
CIE-LCH	44.784, 101.114, 301.799
CIE-LUV	44.784, -9.068, -128.51
Hunter-Lab	37.932, 45.762, -121.072
Binary	01010000, 01001111, 11111101

#504ffd
```
#504ffd rgb(80,79,253)
```
#fcfd4f
```
#fcfd4f rgb(252,253,79)
```

Complementary Color

#4fa5fd
```
#4fa5fd rgb(79,165,253)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#a74ffd
```
#a74ffd rgb(167,79,253)
```

Analogous Color

#a5fd4f
```
#a5fd4f rgb(165,253,79)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#fda74f
```
#fda74f rgb(253,167,79)
```

Split Complementary Color

#4ffd50
```
#4ffd50 rgb(79,253,80)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#fd504f
```
#fd504f rgb(253,80,79)
```

Triadic Color

#4ffcfd
```
#4ffcfd rgb(79,252,253)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#fd504f
```
#fd504f rgb(253,80,79)
```
#fcfd4f
```
#fcfd4f rgb(252,253,79)
```

Tetradic Color

#0503fc
```
#0503fc rgb(5,3,252)
```
#1e1dfc
```
#1e1dfc rgb(30,29,252)
```
#3736fd
```
#3736fd rgb(55,54,253)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#6968fd
```
#6968fd rgb(105,104,253)
```
#8281fe
```
#8281fe rgb(130,129,254)
```
#9b9bfe
```
#9b9bfe rgb(155,155,254)
```

Monochromatic Color

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

#4f7afd
```
#4f7afd rgb(79,122,253)
```
#4f6bfd
```
#4f6bfd rgb(79,107,253)
```
#4f5cfd
```
#4f5cfd rgb(79,92,253)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#5f4ffd
```
#5f4ffd rgb(95,79,253)
```
#6d4ffd
```
#6d4ffd rgb(109,79,253)
```
#7c4ffd
```
#7c4ffd rgb(124,79,253)
```

Similar Colors

Text with hexadecimal color #504ffd

This text has a font color of #504ffd.

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

#504ffd background color

This paragraph has a background color of #504ffd.

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

#504ffd border color

This element has a border color of #504ffd.

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

CSS codes

.text {color:#504ffd;}

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

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

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

#000012
```
#000012 rgb(0,0,18)
```
#010025
```
#010025 rgb(1,0,37)
```
#010139
```
#010139 rgb(1,1,57)
```
#01014c
```
#01014c rgb(1,1,76)
```
#020160
```
#020160 rgb(2,1,96)
```
#020173
```
#020173 rgb(2,1,115)
```
#020286
```
#020286 rgb(2,2,134)
```
#03029a
```
#03029a rgb(3,2,154)
```
#0302ad
```
#0302ad rgb(3,2,173)
```
#0302c1
```
#0302c1 rgb(3,2,193)
```
#0402d4
```
#0402d4 rgb(4,2,212)
```
#0403e7
```
#0403e7 rgb(4,3,231)
```
#0403fb
```
#0403fb rgb(4,3,251)
```

Shade Color Variation

#1615fc
```
#1615fc rgb(22,21,252)
```
#2928fd
```
#2928fd rgb(41,40,253)
```
#3d3cfd
```
#3d3cfd rgb(61,60,253)
```
#504ffd
```
#504ffd rgb(80,79,253)
```
#6362fd
```
#6362fd rgb(99,98,253)
```
#7776fd
```
#7776fd rgb(119,118,253)
```
#8a89fe
```
#8a89fe rgb(138,137,254)
```
#9d9dfe
```
#9d9dfe rgb(157,157,254)
```
#b0b0fe
```
#b0b0fe rgb(176,176,254)
```
#c4c3fe
```
#c4c3fe rgb(196,195,254)
```
#d7d7ff
```
#d7d7ff rgb(215,215,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a1ab
```
#a1a1ab rgb(161,161,171)
```
#9a9ab2
```
#9a9ab2 rgb(154,154,178)
```
#9493b9
```
#9493b9 rgb(148,147,185)
```
#8d8dbf
```
#8d8dbf rgb(141,141,191)
```
#8686c6
```
#8686c6 rgb(134,134,198)
```
#7f7fcd
```
#7f7fcd rgb(127,127,205)
```
#7978d4
```
#7978d4 rgb(121,120,212)
```
#7271db
```
#7271db rgb(114,113,219)
```
#6b6ae2
```
#6b6ae2 rgb(107,106,226)
```
#6464e8
```
#6464e8 rgb(100,100,232)
```
#5e5def
```
#5e5def rgb(94,93,239)
```
#5756f6
```
#5756f6 rgb(87,86,246)
```
#504ffd
```
#504ffd rgb(80,79,253)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5f5f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1d62e4 Protanomaly 1% of men, 0.01% of women
#1d67d2 Deuteranomaly 6% of men, 0.4% of women
#1d6cb0 Tritanomaly 0.01% of the population

#504ffd hex color

#504ffd Color Information

#504ffd Color Conversion

Color Schemes with #504ffd

Alternatives to #504ffd

#504ffd Preview

Shades and Tints of #504ffd

Tones of #504ffd

Color Blindness Simulator