#506dce hex color

In a RGB color space, hex #506dce is composed of 31.4% red, 42.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 47.1% magenta, 0% yellow and 19.2% black. It has a hue angle of 226.2 degrees, a saturation of 56.3% and a lightness of 56.1%. #506dce color hex could be obtained by blending #a0daff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 43
- B 81
RGB color chart
- C 61
- M 47
- Y 0
- K 19
CMYK color chart

● #506dce color description : Moderate blue.

The hexadecimal color #506dce has RGB values of R:80, G:109, B:206 and CMYK values of C:0.61, M:0.47, Y:0, K:0.19. Its decimal value is 5270990.

Hex triplet	506dce	`#506dce`
RGB Decimal	80, 109, 206	`rgb(80,109,206)`
RGB Percent	31.4, 42.7, 80.8	`rgb(31.4%,42.7%,80.8%)`
CMYK	61, 47, 0, 19
HSL	226.2°, 56.3, 56.1	`hsl(226.2,56.3%,56.1%)`
HSV (or HSB)	226.2°, 61.2, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.383, 19.46, -53.544
XYZ	19.915, 17.098, 60.64
xyY	0.204, 0.175, 17.098
CIE-LCH	48.383, 56.971, 289.973
CIE-LUV	48.383, -15.11, -83.386
Hunter-Lab	41.35, 13.609, -58.005
Binary	01010000, 01101101, 11001110

#506dce
```
#506dce rgb(80,109,206)
```
#ceb150
```
#ceb150 rgb(206,177,80)
```

Complementary Color

#50acce
```
#50acce rgb(80,172,206)
```
#506dce
```
#506dce rgb(80,109,206)
```
#7250ce
```
#7250ce rgb(114,80,206)
```

Analogous Color

#acce50
```
#acce50 rgb(172,206,80)
```
#506dce
```
#506dce rgb(80,109,206)
```
#ce7250
```
#ce7250 rgb(206,114,80)
```

Split Complementary Color

#6dce50
```
#6dce50 rgb(109,206,80)
```
#506dce
```
#506dce rgb(80,109,206)
```
#ce506d
```
#ce506d rgb(206,80,109)
```

Triadic Color

#50ceb1
```
#50ceb1 rgb(80,206,177)
```
#506dce
```
#506dce rgb(80,109,206)
```
#ce506d
```
#ce506d rgb(206,80,109)
```
#ceb150
```
#ceb150 rgb(206,177,80)
```

Tetradic Color

#2e49a4
```
#2e49a4 rgb(46,73,164)
```
#3352b8
```
#3352b8 rgb(51,82,184)
```
#3c5cc8
```
#3c5cc8 rgb(60,92,200)
```
#506dce
```
#506dce rgb(80,109,206)
```
#647ed4
```
#647ed4 rgb(100,126,212)
```
#788ed9
```
#788ed9 rgb(120,142,217)
```
#8c9fdf
```
#8c9fdf rgb(140,159,223)
```

Monochromatic Color

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

#508dce
```
#508dce rgb(80,141,206)
```
#5082ce
```
#5082ce rgb(80,130,206)
```
#5078ce
```
#5078ce rgb(80,120,206)
```
#506dce
```
#506dce rgb(80,109,206)
```
#5063ce
```
#5063ce rgb(80,99,206)
```
#5058ce
```
#5058ce rgb(80,88,206)
```
#5250ce
```
#5250ce rgb(82,80,206)
```

Similar Colors

Text with hexadecimal color #506dce

This text has a font color of #506dce.

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

#506dce background color

This paragraph has a background color of #506dce.

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

#506dce border color

This element has a border color of #506dce.

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

CSS codes

.text {color:#506dce;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#070b18
```
#070b18 rgb(7,11,24)
```
#0b1228
```
#0b1228 rgb(11,18,40)
```
#0f1837
```
#0f1837 rgb(15,24,55)
```
#141f46
```
#141f46 rgb(20,31,70)
```
#182656
```
#182656 rgb(24,38,86)
```
#1c2d65
```
#1c2d65 rgb(28,45,101)
```
#213474
```
#213474 rgb(33,52,116)
```
#253b83
```
#253b83 rgb(37,59,131)
```
#294193
```
#294193 rgb(41,65,147)
```
#2d48a2
```
#2d48a2 rgb(45,72,162)
```
#324fb1
```
#324fb1 rgb(50,79,177)
```
#3656c1
```
#3656c1 rgb(54,86,193)
```

Shade Color Variation

#4160ca
```
#4160ca rgb(65,96,202)
```
#506dce
```
#506dce rgb(80,109,206)
```
#5f7ad2
```
#5f7ad2 rgb(95,122,210)
```
#6f87d7
```
#6f87d7 rgb(111,135,215)
```
#7e93db
```
#7e93db rgb(126,147,219)
```
#8da0df
```
#8da0df rgb(141,160,223)
```
#9dade3
```
#9dade3 rgb(157,173,227)
```
#acbae8
```
#acbae8 rgb(172,186,232)
```
#bbc6ec
```
#bbc6ec rgb(187,198,236)
```
#cbd3f0
```
#cbd3f0 rgb(203,211,240)
```
#dae0f5
```
#dae0f5 rgb(218,224,245)
```
#e9edf9
```
#e9edf9 rgb(233,237,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8e92 is the less saturated color, while #2556f9 is the most saturated one.

#8c8e92
```
#8c8e92 rgb(140,142,146)
```
#84899a
```
#84899a rgb(132,137,154)
```
#7b84a3
```
#7b84a3 rgb(123,132,163)
```
#7280ac
```
#7280ac rgb(114,128,172)
```
#6a7bb4
```
#6a7bb4 rgb(106,123,180)
```
#6176bd
```
#6176bd rgb(97,118,189)
```
#5972c5
```
#5972c5 rgb(89,114,197)
```
#506dce
```
#506dce rgb(80,109,206)
```
#4768d7
```
#4768d7 rgb(71,104,215)
```
#3f64df
```
#3f64df rgb(63,100,223)
```
#365fe8
```
#365fe8 rgb(54,95,232)
```
#2e5af0
```
#2e5af0 rgb(46,90,240)
```
#2556f9
```
#2556f9 rgb(37,86,249)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4777d2 Protanopia 1% of men
#1f7bcd Deuteranopia 1% of men
#2c848e Tritanopia 0.001% of the population

Trichromacy

#4a73d1 Protanomaly 1% of men, 0.01% of women
#3076cd Deuteranomaly 6% of men, 0.4% of women
#397ca5 Tritanomaly 0.01% of the population

#506dce hex color

#506dce Color Information

#506dce Color Conversion

Color Schemes with #506dce

Alternatives to #506dce

#506dce Preview

Shades and Tints of #506dce

Tones of #506dce

Color Blindness Simulator