#506ffd hex color

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

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

● #506ffd color description : Soft blue.

The hexadecimal color #506ffd has RGB values of R:80, G:111, B:253 and CMYK values of C:0.68, M:0.56, Y:0, K:0.01. Its decimal value is 5271549.

Hex triplet	506ffd	`#506ffd`
RGB Decimal	80, 111, 253	`rgb(80,111,253)`
RGB Percent	31.4, 43.5, 99.2	`rgb(31.4%,43.5%,99.2%)`
CMYK	68, 56, 0, 1
HSL	229.2°, 97.7, 65.3	`hsl(229.2,97.7%,65.3%)`
HSV (or HSB)	229.2°, 68.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.023, 34.337, -74.103
XYZ	26.719, 20.165, 95.407
xyY	0.188, 0.142, 20.165
CIE-LCH	52.023, 81.671, 294.861
CIE-LUV	52.023, -16.35, -117.297
Hunter-Lab	44.905, 27.625, -94.537
Binary	01010000, 01101111, 11111101

#506ffd
```
#506ffd rgb(80,111,253)
```
#fdde50
```
#fdde50 rgb(253,222,80)
```

Complementary Color

#50c6fd
```
#50c6fd rgb(80,198,253)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#8850fd
```
#8850fd rgb(136,80,253)
```

Analogous Color

#c6fd50
```
#c6fd50 rgb(198,253,80)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#fd8850
```
#fd8850 rgb(253,136,80)
```

Split Complementary Color

#6ffd50
```
#6ffd50 rgb(111,253,80)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#fd506f
```
#fd506f rgb(253,80,111)
```

Triadic Color

#50fdde
```
#50fdde rgb(80,253,222)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#fd506f
```
#fd506f rgb(253,80,111)
```
#fdde50
```
#fdde50 rgb(253,222,80)
```

Tetradic Color

#0431fc
```
#0431fc rgb(4,49,252)
```
#1e46fc
```
#1e46fc rgb(30,70,252)
```
#375afd
```
#375afd rgb(55,90,253)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#6984fd
```
#6984fd rgb(105,132,253)
```
#8298fe
```
#8298fe rgb(130,152,254)
```
#9cadfe
```
#9cadfe rgb(156,173,254)
```

Monochromatic Color

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

#509afd
```
#509afd rgb(80,154,253)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#507dfd
```
#507dfd rgb(80,125,253)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#5061fd
```
#5061fd rgb(80,97,253)
```
#5052fd
```
#5052fd rgb(80,82,253)
```
#5c50fd
```
#5c50fd rgb(92,80,253)
```

Similar Colors

Text with hexadecimal color #506ffd

This text has a font color of #506ffd.

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

#506ffd background color

This paragraph has a background color of #506ffd.

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

#506ffd border color

This element has a border color of #506ffd.

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

CSS codes

.text {color:#506ffd;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#000726
```
#000726 rgb(0,7,38)
```
#010b3a
```
#010b3a rgb(1,11,58)
```
#010f4d
```
#010f4d rgb(1,15,77)
```
#011261
```
#011261 rgb(1,18,97)
```
#011674
```
#011674 rgb(1,22,116)
```
#021a87
```
#021a87 rgb(2,26,135)
```
#021d9b
```
#021d9b rgb(2,29,155)
```
#0221ae
```
#0221ae rgb(2,33,174)
```
#0224c1
```
#0224c1 rgb(2,36,193)
```
#0228d5
```
#0228d5 rgb(2,40,213)
```
#032ce8
```
#032ce8 rgb(3,44,232)
```
#032ffc
```
#032ffc rgb(3,47,252)
```

Shade Color Variation

#163ffc
```
#163ffc rgb(22,63,252)
```
#294ffd
```
#294ffd rgb(41,79,253)
```
#3d5ffd
```
#3d5ffd rgb(61,95,253)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#637ffd
```
#637ffd rgb(99,127,253)
```
#778ffd
```
#778ffd rgb(119,143,253)
```
#8a9ffe
```
#8a9ffe rgb(138,159,254)
```
#9eaffe
```
#9eaffe rgb(158,175,254)
```
#b1bffe
```
#b1bffe rgb(177,191,254)
```
#c4cffe
```
#c4cffe rgb(196,207,254)
```
#d8dfff
```
#d8dfff rgb(216,223,255)
```
#ebefff
```
#ebefff rgb(235,239,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 #506ffd is the most saturated one.

#a2a3ab
```
#a2a3ab rgb(162,163,171)
```
#9b9fb2
```
#9b9fb2 rgb(155,159,178)
```
#949bb9
```
#949bb9 rgb(148,155,185)
```
#8d96c0
```
#8d96c0 rgb(141,150,192)
```
#8692c7
```
#8692c7 rgb(134,146,199)
```
#808ecd
```
#808ecd rgb(128,142,205)
```
#7989d4
```
#7989d4 rgb(121,137,212)
```
#7285db
```
#7285db rgb(114,133,219)
```
#6b80e2
```
#6b80e2 rgb(107,128,226)
```
#647ce9
```
#647ce9 rgb(100,124,233)
```
#5e78ef
```
#5e78ef rgb(94,120,239)
```
#5773f6
```
#5773f6 rgb(87,115,246)
```
#506ffd
```
#506ffd rgb(80,111,253)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6e7591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#1d79fa Protanomaly 1% of men, 0.01% of women
#1d7de6 Deuteranomaly 6% of men, 0.4% of women
#1d83bd Tritanomaly 0.01% of the population

#506ffd hex color

#506ffd Color Information

#506ffd Color Conversion

Color Schemes with #506ffd

Alternatives to #506ffd

#506ffd Preview

Shades and Tints of #506ffd

Tones of #506ffd

Color Blindness Simulator