#504fdd hex color

In a RGB color space, hex #504fdd is composed of 31.4% red, 31% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 64.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 240.4 degrees, a saturation of 67.6% and a lightness of 58.8%. #504fdd color hex could be obtained by blending #a09eff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 87
RGB color chart
- C 64
- M 64
- Y 0
- K 13
CMYK color chart

● #504fdd color description : Soft blue.

The hexadecimal color #504fdd has RGB values of R:80, G:79, B:221 and CMYK values of C:0.64, M:0.64, Y:0, K:0.13. Its decimal value is 5263325.

Hex triplet	504fdd	`#504fdd`
RGB Decimal	80, 79, 221	`rgb(80,79,221)`
RGB Percent	31.4, 31, 86.7	`rgb(31.4%,31%,86.7%)`
CMYK	64, 64, 0, 13
HSL	240.4°, 67.6, 58.8	`hsl(240.4,67.6%,58.8%)`
HSV (or HSB)	240.4°, 64.3, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.026, 43.022, -72.412
XYZ	19.153, 12.517, 69.809
xyY	0.189, 0.123, 12.517
CIE-LCH	42.026, 84.228, 300.716
CIE-LUV	42.026, -7.554, -108.041
Hunter-Lab	35.379, 34.718, -92.224
Binary	01010000, 01001111, 11011101

#504fdd
```
#504fdd rgb(80,79,221)
```
#dcdd4f
```
#dcdd4f rgb(220,221,79)
```

Complementary Color

#4f95dd
```
#4f95dd rgb(79,149,221)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#974fdd
```
#974fdd rgb(151,79,221)
```

Analogous Color

#95dd4f
```
#95dd4f rgb(149,221,79)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#dd974f
```
#dd974f rgb(221,151,79)
```

Split Complementary Color

#4fdd50
```
#4fdd50 rgb(79,221,80)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#dd504f
```
#dd504f rgb(221,80,79)
```

Triadic Color

#4fdcdd
```
#4fdcdd rgb(79,220,221)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#dd504f
```
#dd504f rgb(221,80,79)
```
#dcdd4f
```
#dcdd4f rgb(220,221,79)
```

Tetradic Color

#2524bb
```
#2524bb rgb(37,36,187)
```
#2928d1
```
#2928d1 rgb(41,40,209)
```
#3b3ad9
```
#3b3ad9 rgb(59,58,217)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#6564e1
```
#6564e1 rgb(101,100,225)
```
#7b7ae5
```
#7b7ae5 rgb(123,122,229)
```
#908fe9
```
#908fe9 rgb(144,143,233)
```

Monochromatic Color

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

#4f72dd
```
#4f72dd rgb(79,114,221)
```
#4f66dd
```
#4f66dd rgb(79,102,221)
```
#4f5add
```
#4f5add rgb(79,90,221)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#5c4fdd
```
#5c4fdd rgb(92,79,221)
```
#684fdd
```
#684fdd rgb(104,79,221)
```
#744fdd
```
#744fdd rgb(116,79,221)
```

Similar Colors

Text with hexadecimal color #504fdd

This text has a font color of #504fdd.

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

#504fdd background color

This paragraph has a background color of #504fdd.

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

#504fdd border color

This element has a border color of #504fdd.

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

CSS codes

.text {color:#504fdd;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040415
```
#040415 rgb(4,4,21)
```
#070726
```
#070726 rgb(7,7,38)
```
#0b0a36
```
#0b0a36 rgb(11,10,54)
```
#0e0e47
```
#0e0e47 rgb(14,14,71)
```
#111157
```
#111157 rgb(17,17,87)
```
#151467
```
#151467 rgb(21,20,103)
```
#181778
```
#181778 rgb(24,23,120)
```
#1b1a88
```
#1b1a88 rgb(27,26,136)
```
#1e1e99
```
#1e1e99 rgb(30,30,153)
```
#2221a9
```
#2221a9 rgb(34,33,169)
```
#2524ba
```
#2524ba rgb(37,36,186)
```
#2827ca
```
#2827ca rgb(40,39,202)
```

Shade Color Variation

#2f2ed7
```
#2f2ed7 rgb(47,46,215)
```
#403fda
```
#403fda rgb(64,63,218)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#605fe0
```
#605fe0 rgb(96,95,224)
```
#7170e3
```
#7170e3 rgb(113,112,227)
```
#8180e7
```
#8180e7 rgb(129,128,231)
```
#9191ea
```
#9191ea rgb(145,145,234)
```
#a2a1ed
```
#a2a1ed rgb(162,161,237)
```
#b2b2f0
```
#b2b2f0 rgb(178,178,240)
```
#c2c2f3
```
#c2c2f3 rgb(194,194,243)
```
#d3d3f6
```
#d3d3f6 rgb(211,211,246)
```
#e3e3fa
```
#e3e3fa rgb(227,227,250)
```
#f3f3fd
```
#f3f3fd rgb(243,243,253)
```

Tint Color Variation

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

#90909c
```
#90909c rgb(144,144,156)
```
#8888a4
```
#8888a4 rgb(136,136,164)
```
#807fad
```
#807fad rgb(128,127,173)
```
#7877b5
```
#7877b5 rgb(120,119,181)
```
#706fbd
```
#706fbd rgb(112,111,189)
```
#6867c5
```
#6867c5 rgb(104,103,197)
```
#605fcd
```
#605fcd rgb(96,95,205)
```
#5857d5
```
#5857d5 rgb(88,87,213)
```
#504fdd
```
#504fdd rgb(80,79,221)
```
#4847e5
```
#4847e5 rgb(72,71,229)
```
#403fed
```
#403fed rgb(64,63,237)
```
#3837f5
```
#3837f5 rgb(56,55,245)
```
#302ffd
```
#302ffd rgb(48,47,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c5c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1d5ed1 Protanomaly 1% of men, 0.01% of women
#1d62c1 Deuteranomaly 6% of men, 0.4% of women
#1d67a0 Tritanomaly 0.01% of the population

#504fdd hex color

#504fdd Color Information

#504fdd Color Conversion

Color Schemes with #504fdd

Alternatives to #504fdd

#504fdd Preview

Shades and Tints of #504fdd

Tones of #504fdd

Color Blindness Simulator