#504cfd hex color

In a RGB color space, hex #504cfd is composed of 31.4% red, 29.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 70% magenta, 0% yellow and 0.8% black. It has a hue angle of 241.4 degrees, a saturation of 97.8% and a lightness of 64.5%. #504cfd color hex could be obtained by blending #a098ff with #0000fb. Closest websafe color is: #6633ff.

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

● #504cfd color description : Soft blue.

The hexadecimal color #504cfd has RGB values of R:80, G:76, B:253 and CMYK values of C:0.68, M:0.7, Y:0, K:0.01. Its decimal value is 5262589.

Hex triplet	504cfd	`#504cfd`
RGB Decimal	80, 76, 253	`rgb(80,76,253)`
RGB Percent	31.4, 29.8, 99.2	`rgb(31.4%,29.8%,99.2%)`
CMYK	68, 70, 0, 1
HSL	241.4°, 97.8, 64.5	`hsl(241.4,97.8%,64.5%)`
HSV (or HSB)	241.4°, 70, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.183, 54.94, -86.927
XYZ	23.619, 13.965, 94.374
xyY	0.179, 0.106, 13.965
CIE-LCH	44.183, 102.833, 302.294
CIE-LUV	44.183, -8.515, -129.155
Hunter-Lab	37.37, 47.421, -123.573
Binary	01010000, 01001100, 11111101

#504cfd
```
#504cfd rgb(80,76,253)
```
#f9fd4c
```
#f9fd4c rgb(249,253,76)
```

Complementary Color

#4ca1fd
```
#4ca1fd rgb(76,161,253)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#a94cfd
```
#a94cfd rgb(169,76,253)
```

Analogous Color

#a1fd4c
```
#a1fd4c rgb(161,253,76)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#fda94c
```
#fda94c rgb(253,169,76)
```

Split Complementary Color

#4cfd50
```
#4cfd50 rgb(76,253,80)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#fd504c
```
#fd504c rgb(253,80,76)
```

Triadic Color

#4cf9fd
```
#4cf9fd rgb(76,249,253)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#fd504c
```
#fd504c rgb(253,80,76)
```
#f9fd4c
```
#f9fd4c rgb(249,253,76)
```

Tetradic Color

#0803fa
```
#0803fa rgb(8,3,250)
```
#1f1afc
```
#1f1afc rgb(31,26,252)
```
#3733fd
```
#3733fd rgb(55,51,253)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#6965fd
```
#6965fd rgb(105,101,253)
```
#817efe
```
#817efe rgb(129,126,254)
```
#9a98fe
```
#9a98fe rgb(154,152,254)
```

Monochromatic Color

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

#4c74fd
```
#4c74fd rgb(76,116,253)
```
#4c66fd
```
#4c66fd rgb(76,102,253)
```
#4c57fd
```
#4c57fd rgb(76,87,253)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#5f4cfd
```
#5f4cfd rgb(95,76,253)
```
#6e4cfd
```
#6e4cfd rgb(110,76,253)
```
#7c4cfd
```
#7c4cfd rgb(124,76,253)
```

Similar Colors

Text with hexadecimal color #504cfd

This text has a font color of #504cfd.

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

#504cfd background color

This paragraph has a background color of #504cfd.

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

#504cfd border color

This element has a border color of #504cfd.

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

CSS codes

.text {color:#504cfd;}

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

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

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, #01000f is the darkest color, while #fbfbff is the lightest one.

#01000f
```
#01000f rgb(1,0,15)
```
#010022
```
#010022 rgb(1,0,34)
```
#020136
```
#020136 rgb(2,1,54)
```
#020149
```
#020149 rgb(2,1,73)
```
#03015d
```
#03015d rgb(3,1,93)
```
#040170
```
#040170 rgb(4,1,112)
```
#040183
```
#040183 rgb(4,1,131)
```
#050297
```
#050297 rgb(5,2,151)
```
#0602aa
```
#0602aa rgb(6,2,170)
```
#0602be
```
#0602be rgb(6,2,190)
```
#0702d1
```
#0702d1 rgb(7,2,209)
```
#0803e4
```
#0803e4 rgb(8,3,228)
```
#0803f8
```
#0803f8 rgb(8,3,248)
```

Shade Color Variation

#1712fc
```
#1712fc rgb(23,18,252)
```
#2a25fd
```
#2a25fd rgb(42,37,253)
```
#3d39fd
```
#3d39fd rgb(61,57,253)
```
#504cfd
```
#504cfd rgb(80,76,253)
```
#635ffd
```
#635ffd rgb(99,95,253)
```
#7673fd
```
#7673fd rgb(118,115,253)
```
#8986fe
```
#8986fe rgb(137,134,254)
```
#9c9afe
```
#9c9afe rgb(156,154,254)
```
#afadfe
```
#afadfe rgb(175,173,254)
```
#c2c0fe
```
#c2c0fe rgb(194,192,254)
```
#d5d4ff
```
#d5d4ff rgb(213,212,255)
```
#e8e7ff
```
#e8e7ff rgb(232,231,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#a0a0a9
```
#a0a0a9 rgb(160,160,169)
```
#9999b0
```
#9999b0 rgb(153,153,176)
```
#9292b7
```
#9292b7 rgb(146,146,183)
```
#8c8bbe
```
#8c8bbe rgb(140,139,190)
```
#8584c5
```
#8584c5 rgb(133,132,197)
```
#7f7dcc
```
#7f7dcc rgb(127,125,204)
```
#7876d3
```
#7876d3 rgb(120,118,211)
```
#716fda
```
#716fda rgb(113,111,218)
```
#6b68e1
```
#6b68e1 rgb(107,104,225)
```
#6461e8
```
#6461e8 rgb(100,97,232)
```
#5d5aef
```
#5d5aef rgb(93,90,239)
```
#5753f6
```
#5753f6 rgb(87,83,246)
```
#504cfd
```
#504cfd rgb(80,76,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e5d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1d61e3 Protanomaly 1% of men, 0.01% of women
#1d65d1 Deuteranomaly 6% of men, 0.4% of women
#1d6aaf Tritanomaly 0.01% of the population

#504cfd hex color

#504cfd Color Information

#504cfd Color Conversion

Color Schemes with #504cfd

Alternatives to #504cfd

#504cfd Preview

Shades and Tints of #504cfd

Tones of #504cfd

Color Blindness Simulator