#506dfd hex color

In a RGB color space, hex #506dfd is composed of 31.4% red, 42.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 56.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 229.9 degrees, a saturation of 97.7% and a lightness of 65.3%. #506dfd color hex could be obtained by blending #a0daff with #0000fb. Closest websafe color is: #6666ff.

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

● #506dfd color description : Soft blue.

The hexadecimal color #506dfd has RGB values of R:80, G:109, B:253 and CMYK values of C:0.68, M:0.57, Y:0, K:0.01. Its decimal value is 5271037.

Hex triplet	506dfd	`#506dfd`
RGB Decimal	80, 109, 253	`rgb(80,109,253)`
RGB Percent	31.4, 42.7, 99.2	`rgb(31.4%,42.7%,99.2%)`
CMYK	68, 57, 0, 1
HSL	229.9°, 97.7, 65.3	`hsl(229.9,97.7%,65.3%)`
HSV (or HSB)	229.9°, 68.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.534, 35.559, -74.897
XYZ	26.503, 19.733, 95.335
xyY	0.187, 0.139, 19.733
CIE-LCH	51.534, 82.91, 295.397
CIE-LUV	51.534, -15.826, -118.23
Hunter-Lab	44.422, 28.758, -96.149
Binary	01010000, 01101101, 11111101

#506dfd
```
#506dfd rgb(80,109,253)
```
#fde050
```
#fde050 rgb(253,224,80)
```

Complementary Color

#50c4fd
```
#50c4fd rgb(80,196,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#8a50fd
```
#8a50fd rgb(138,80,253)
```

Analogous Color

#c4fd50
```
#c4fd50 rgb(196,253,80)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#fd8a50
```
#fd8a50 rgb(253,138,80)
```

Split Complementary Color

#6dfd50
```
#6dfd50 rgb(109,253,80)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#fd506d
```
#fd506d rgb(253,80,109)
```

Triadic Color

#50fde0
```
#50fde0 rgb(80,253,224)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#fd506d
```
#fd506d rgb(253,80,109)
```
#fde050
```
#fde050 rgb(253,224,80)
```

Tetradic Color

#042efc
```
#042efc rgb(4,46,252)
```
#1e43fc
```
#1e43fc rgb(30,67,252)
```
#3758fd
```
#3758fd rgb(55,88,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#6982fd
```
#6982fd rgb(105,130,253)
```
#8297fe
```
#8297fe rgb(130,151,254)
```
#9cacfe
```
#9cacfe rgb(156,172,254)
```

Monochromatic Color

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

#5098fd
```
#5098fd rgb(80,152,253)
```
#508afd
```
#508afd rgb(80,138,253)
```
#507bfd
```
#507bfd rgb(80,123,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#505ffd
```
#505ffd rgb(80,95,253)
```
#5050fd
```
#5050fd rgb(80,80,253)
```
#5e50fd
```
#5e50fd rgb(94,80,253)
```

Similar Colors

Text with hexadecimal color #506dfd

This text has a font color of #506dfd.

<span style="color:#506dfd;">Text here</span>

#506dfd background color

This paragraph has a background color of #506dfd.

<p style="background-color:#506dfd;">Content here</p>

#506dfd border color

This element has a border color of #506dfd.

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

CSS codes

.text {color:#506dfd;}

.background {background-color:#506dfd;}

.border {border:1px solid #506dfd;}

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

#000313
```
#000313 rgb(0,3,19)
```
#000726
```
#000726 rgb(0,7,38)
```
#010a3a
```
#010a3a rgb(1,10,58)
```
#010e4d
```
#010e4d rgb(1,14,77)
```
#011161
```
#011161 rgb(1,17,97)
```
#011574
```
#011574 rgb(1,21,116)
```
#021887
```
#021887 rgb(2,24,135)
```
#021b9b
```
#021b9b rgb(2,27,155)
```
#021fae
```
#021fae rgb(2,31,174)
```
#0222c1
```
#0222c1 rgb(2,34,193)
```
#0226d5
```
#0226d5 rgb(2,38,213)
```
#0329e8
```
#0329e8 rgb(3,41,232)
```
#032dfc
```
#032dfc rgb(3,45,252)
```

Shade Color Variation

#163cfc
```
#163cfc rgb(22,60,252)
```
#294dfd
```
#294dfd rgb(41,77,253)
```
#3d5dfd
```
#3d5dfd rgb(61,93,253)
```
#506dfd
```
#506dfd rgb(80,109,253)
```
#637dfd
```
#637dfd rgb(99,125,253)
```
#778dfd
```
#778dfd rgb(119,141,253)
```
#8a9efe
```
#8a9efe rgb(138,158,254)
```
#9eaefe
```
#9eaefe rgb(158,174,254)
```
#b1befe
```
#b1befe rgb(177,190,254)
```
#c4cefe
```
#c4cefe rgb(196,206,254)
```
#d8deff
```
#d8deff rgb(216,222,255)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a3ab
```
#a2a3ab rgb(162,163,171)
```
#9b9fb2
```
#9b9fb2 rgb(155,159,178)
```
#949ab9
```
#949ab9 rgb(148,154,185)
```
#8d96c0
```
#8d96c0 rgb(141,150,192)
```
#8691c7
```
#8691c7 rgb(134,145,199)
```
#808dcd
```
#808dcd rgb(128,141,205)
```
#7988d4
```
#7988d4 rgb(121,136,212)
```
#7284db
```
#7284db rgb(114,132,219)
```
#6b7fe2
```
#6b7fe2 rgb(107,127,226)
```
#647be9
```
#647be9 rgb(100,123,233)
```
#5e76ef
```
#5e76ef rgb(94,118,239)
```
#5772f6
```
#5772f6 rgb(87,114,246)
```
#506dfd
```
#506dfd rgb(80,109,253)
```

Tone Color Variation

Below, you can see how #506dfd 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

#757575 Achromatopsia 0.005% of the population
#6e7390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#1d77f8 Protanomaly 1% of men, 0.01% of women
#1d7ce5 Deuteranomaly 6% of men, 0.4% of women
#1d82bc Tritanomaly 0.01% of the population

#506dfd hex color

#506dfd Color Information

#506dfd Color Conversion

Color Schemes with #506dfd

Alternatives to #506dfd

#506dfd Preview

Shades and Tints of #506dfd

Tones of #506dfd

Color Blindness Simulator