#506fdb hex color

In a RGB color space, hex #506fdb is composed of 31.4% red, 43.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 49.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 226.6 degrees, a saturation of 65.9% and a lightness of 58.6%. #506fdb color hex could be obtained by blending #a0deff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 44
- B 86
RGB color chart
- C 63
- M 49
- Y 0
- K 14
CMYK color chart

● #506fdb color description : Soft blue.

The hexadecimal color #506fdb has RGB values of R:80, G:111, B:219 and CMYK values of C:0.63, M:0.49, Y:0, K:0.14. Its decimal value is 5271515.

Hex triplet	506fdb	`#506fdb`
RGB Decimal	80, 111, 219	`rgb(80,111,219)`
RGB Percent	31.4, 43.5, 85.9	`rgb(31.4%,43.5%,85.9%)`
CMYK	63, 49, 0, 14
HSL	226.6°, 65.9, 58.6	`hsl(226.6,65.9%,58.6%)`
HSV (or HSB)	226.6°, 63.5, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.723, 22.662, -58.785
XYZ	21.776, 18.188, 69.377
xyY	0.199, 0.166, 18.188
CIE-LCH	49.723, 63.002, 291.082
CIE-LUV	49.723, -15.884, -92.261
Hunter-Lab	42.647, 16.513, -66.599
Binary	01010000, 01101111, 11011011

#506fdb
```
#506fdb rgb(80,111,219)
```
#dbbc50
```
#dbbc50 rgb(219,188,80)
```

Complementary Color

#50b5db
```
#50b5db rgb(80,181,219)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#7750db
```
#7750db rgb(119,80,219)
```

Analogous Color

#b5db50
```
#b5db50 rgb(181,219,80)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#db7750
```
#db7750 rgb(219,119,80)
```

Split Complementary Color

#6fdb50
```
#6fdb50 rgb(111,219,80)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#db506f
```
#db506f rgb(219,80,111)
```

Triadic Color

#50dbbc
```
#50dbbc rgb(80,219,188)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#db506f
```
#db506f rgb(219,80,111)
```
#dbbc50
```
#dbbc50 rgb(219,188,80)
```

Tetradic Color

#2647b9
```
#2647b9 rgb(38,71,185)
```
#2a4fce
```
#2a4fce rgb(42,79,206)
```
#3b5ed7
```
#3b5ed7 rgb(59,94,215)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#6580df
```
#6580df rgb(101,128,223)
```
#7a92e4
```
#7a92e4 rgb(122,146,228)
```
#8fa3e8
```
#8fa3e8 rgb(143,163,232)
```

Monochromatic Color

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

#5092db
```
#5092db rgb(80,146,219)
```
#5086db
```
#5086db rgb(80,134,219)
```
#507bdb
```
#507bdb rgb(80,123,219)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#5063db
```
#5063db rgb(80,99,219)
```
#5058db
```
#5058db rgb(80,88,219)
```
#5450db
```
#5450db rgb(84,80,219)
```

Similar Colors

Text with hexadecimal color #506fdb

This text has a font color of #506fdb.

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

#506fdb background color

This paragraph has a background color of #506fdb.

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

#506fdb border color

This element has a border color of #506fdb.

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

CSS codes

.text {color:#506fdb;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040814
```
#040814 rgb(4,8,20)
```
#080e24
```
#080e24 rgb(8,14,36)
```
#0b1435
```
#0b1435 rgb(11,20,53)
```
#0e1a45
```
#0e1a45 rgb(14,26,69)
```
#122155
```
#122155 rgb(18,33,85)
```
#152766
```
#152766 rgb(21,39,102)
```
#182d76
```
#182d76 rgb(24,45,118)
```
#1c3386
```
#1c3386 rgb(28,51,134)
```
#1f3a96
```
#1f3a96 rgb(31,58,150)
```
#2240a7
```
#2240a7 rgb(34,64,167)
```
#2646b7
```
#2646b7 rgb(38,70,183)
```
#294cc7
```
#294cc7 rgb(41,76,199)
```

Shade Color Variation

#2f54d4
```
#2f54d4 rgb(47,84,212)
```
#4062d8
```
#4062d8 rgb(64,98,216)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#607cde
```
#607cde rgb(96,124,222)
```
#718ae2
```
#718ae2 rgb(113,138,226)
```
#8197e5
```
#8197e5 rgb(129,151,229)
```
#91a5e8
```
#91a5e8 rgb(145,165,232)
```
#a1b2ec
```
#a1b2ec rgb(161,178,236)
```
#b2bfef
```
#b2bfef rgb(178,191,239)
```
#c2cdf2
```
#c2cdf2 rgb(194,205,242)
```
#d2daf6
```
#d2daf6 rgb(210,218,246)
```
#e2e7f9
```
#e2e7f9 rgb(226,231,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91939a is the less saturated color, while #305dfb is the most saturated one.

#91939a
```
#91939a rgb(145,147,154)
```
#898ea2
```
#898ea2 rgb(137,142,162)
```
#818aaa
```
#818aaa rgb(129,138,170)
```
#7985b2
```
#7985b2 rgb(121,133,178)
```
#7081bb
```
#7081bb rgb(112,129,187)
```
#687cc3
```
#687cc3 rgb(104,124,195)
```
#6078cb
```
#6078cb rgb(96,120,203)
```
#5873d3
```
#5873d3 rgb(88,115,211)
```
#506fdb
```
#506fdb rgb(80,111,219)
```
#486be3
```
#486be3 rgb(72,107,227)
```
#4066eb
```
#4066eb rgb(64,102,235)
```
#3862f3
```
#3862f3 rgb(56,98,243)
```
#305dfb
```
#305dfb rgb(48,93,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6b7187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e79df Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#168993 Tritanopia 0.001% of the population

Trichromacy

#4475de Protanomaly 1% of men, 0.01% of women
#1d79d6 Deuteranomaly 6% of men, 0.4% of women
#2b7fad Tritanomaly 0.01% of the population

#506fdb hex color

#506fdb Color Information

#506fdb Color Conversion

Color Schemes with #506fdb

Alternatives to #506fdb

#506fdb Preview

Shades and Tints of #506fdb

Tones of #506fdb

Color Blindness Simulator