#506dbf hex color

In a RGB color space, hex #506dbf is composed of 31.4% red, 42.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 42.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 224.3 degrees, a saturation of 46.4% and a lightness of 53.1%. #506dbf color hex could be obtained by blending #a0daff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 43
- B 75
RGB color chart
- C 58
- M 43
- Y 0
- K 25
CMYK color chart

● #506dbf color description : Moderate blue.

The hexadecimal color #506dbf has RGB values of R:80, G:109, B:191 and CMYK values of C:0.58, M:0.43, Y:0, K:0.25. Its decimal value is 5270975.

Hex triplet	506dbf	`#506dbf`
RGB Decimal	80, 109, 191	`rgb(80,109,191)`
RGB Percent	31.4, 42.7, 74.9	`rgb(31.4%,42.7%,74.9%)`
CMYK	58, 43, 0, 25
HSL	224.3°, 46.4, 53.1	`hsl(224.3,46.4%,53.1%)`
HSV (or HSB)	224.3°, 58.1, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.499, 14.376, -46.342
XYZ	18.179, 16.403, 51.496
xyY	0.211, 0.191, 16.403
CIE-LCH	47.499, 48.521, 287.234
CIE-LUV	47.499, -14.929, -71.479
Hunter-Lab	40.501, 9.243, -47.034
Binary	01010000, 01101101, 10111111

#506dbf
```
#506dbf rgb(80,109,191)
```
#bfa250
```
#bfa250 rgb(191,162,80)
```

Complementary Color

#50a5bf
```
#50a5bf rgb(80,165,191)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#6b50bf
```
#6b50bf rgb(107,80,191)
```

Analogous Color

#a5bf50
```
#a5bf50 rgb(165,191,80)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#bf6b50
```
#bf6b50 rgb(191,107,80)
```

Split Complementary Color

#6dbf50
```
#6dbf50 rgb(109,191,80)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#bf506d
```
#bf506d rgb(191,80,109)
```

Triadic Color

#50bfa2
```
#50bfa2 rgb(80,191,162)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#bf506d
```
#bf506d rgb(191,80,109)
```
#bfa250
```
#bfa250 rgb(191,162,80)
```

Tetradic Color

#344c8e
```
#344c8e rgb(52,76,142)
```
#3b56a1
```
#3b56a1 rgb(59,86,161)
```
#4260b4
```
#4260b4 rgb(66,96,180)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#637dc6
```
#637dc6 rgb(99,125,198)
```
#758ccd
```
#758ccd rgb(117,140,205)
```
#889cd3
```
#889cd3 rgb(136,156,211)
```

Monochromatic Color

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

#5089bf
```
#5089bf rgb(80,137,191)
```
#5080bf
```
#5080bf rgb(80,128,191)
```
#5076bf
```
#5076bf rgb(80,118,191)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#5064bf
```
#5064bf rgb(80,100,191)
```
#505bbf
```
#505bbf rgb(80,91,191)
```
#5051bf
```
#5051bf rgb(80,81,191)
```

Similar Colors

Text with hexadecimal color #506dbf

This text has a font color of #506dbf.

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

#506dbf background color

This paragraph has a background color of #506dbf.

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

#506dbf border color

This element has a border color of #506dbf.

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

CSS codes

.text {color:#506dbf;}

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

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

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#0a0e1a
```
#0a0e1a rgb(10,14,26)
```
#0f1528
```
#0f1528 rgb(15,21,40)
```
#141d37
```
#141d37 rgb(20,29,55)
```
#192545
```
#192545 rgb(25,37,69)
```
#1f2c54
```
#1f2c54 rgb(31,44,84)
```
#243462
```
#243462 rgb(36,52,98)
```
#293c70
```
#293c70 rgb(41,60,112)
```
#2e437f
```
#2e437f rgb(46,67,127)
```
#344b8d
```
#344b8d rgb(52,75,141)
```
#39539b
```
#39539b rgb(57,83,155)
```
#3e5aaa
```
#3e5aaa rgb(62,90,170)
```
#4362b8
```
#4362b8 rgb(67,98,184)
```

Shade Color Variation

#506dbf
```
#506dbf rgb(80,109,191)
```
#5e79c4
```
#5e79c4 rgb(94,121,196)
```
#6d85ca
```
#6d85ca rgb(109,133,202)
```
#7b91cf
```
#7b91cf rgb(123,145,207)
```
#899dd4
```
#899dd4 rgb(137,157,212)
```
#98a9d9
```
#98a9d9 rgb(152,169,217)
```
#a6b5df
```
#a6b5df rgb(166,181,223)
```
#b5c1e4
```
#b5c1e4 rgb(181,193,228)
```
#c3cde9
```
#c3cde9 rgb(195,205,233)
```
#d1d9ee
```
#d1d9ee rgb(209,217,238)
```
#e0e5f4
```
#e0e5f4 rgb(224,229,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#878788
```
#878788 rgb(135,135,136)
```
#7e8391
```
#7e8391 rgb(126,131,145)
```
#757f9a
```
#757f9a rgb(117,127,154)
```
#6c7aa3
```
#6c7aa3 rgb(108,122,163)
```
#6276ad
```
#6276ad rgb(98,118,173)
```
#5971b6
```
#5971b6 rgb(89,113,182)
```
#506dbf
```
#506dbf rgb(80,109,191)
```
#4769c8
```
#4769c8 rgb(71,105,200)
```
#3e64d1
```
#3e64d1 rgb(62,100,209)
```
#3460db
```
#3460db rgb(52,96,219)
```
#2b5be4
```
#2b5be4 rgb(43,91,228)
```
#2257ed
```
#2257ed rgb(34,87,237)
```
#1953f6
```
#1953f6 rgb(25,83,246)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#686e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5375c3 Protanopia 1% of men
#3f79c0 Deuteranopia 1% of men
#3a818b Tritanopia 0.001% of the population

Trichromacy

#5272c1 Protanomaly 1% of men, 0.01% of women
#4574bf Deuteranomaly 6% of men, 0.4% of women
#427a9d Tritanomaly 0.01% of the population

#506dbf hex color

#506dbf Color Information

#506dbf Color Conversion

Color Schemes with #506dbf

Alternatives to #506dbf

#506dbf Preview

Shades and Tints of #506dbf

Tones of #506dbf

Color Blindness Simulator