#506ecd hex color

In a RGB color space, hex #506ecd is composed of 31.4% red, 43.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 46.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 225.6 degrees, a saturation of 55.6% and a lightness of 55.9%. #506ecd color hex could be obtained by blending #a0dcff with #00009b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 43
- B 80
RGB color chart
- C 61
- M 46
- Y 0
- K 20
CMYK color chart

● #506ecd color description : Moderate blue.

The hexadecimal color #506ecd has RGB values of R:80, G:110, B:205 and CMYK values of C:0.61, M:0.46, Y:0, K:0.2. Its decimal value is 5271245.

Hex triplet	506ecd	`#506ecd`
RGB Decimal	80, 110, 205	`rgb(80,110,205)`
RGB Percent	31.4, 43.1, 80.4	`rgb(31.4%,43.1%,80.4%)`
CMYK	61, 46, 0, 20
HSL	225.6°, 55.6, 55.9	`hsl(225.6,55.6%,55.9%)`
HSV (or HSB)	225.6°, 61, 80.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.591, 18.496, -52.639
XYZ	19.901, 17.264, 60.038
xyY	0.205, 0.178, 17.264
CIE-LCH	48.591, 55.794, 289.36
CIE-LUV	48.591, -15.412, -81.997
Hunter-Lab	41.55, 12.784, -56.586
Binary	01010000, 01101110, 11001101

#506ecd
```
#506ecd rgb(80,110,205)
```
#cdaf50
```
#cdaf50 rgb(205,175,80)
```

Complementary Color

#50adcd
```
#50adcd rgb(80,173,205)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#7150cd
```
#7150cd rgb(113,80,205)
```

Analogous Color

#adcd50
```
#adcd50 rgb(173,205,80)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#cd7150
```
#cd7150 rgb(205,113,80)
```

Split Complementary Color

#6ecd50
```
#6ecd50 rgb(110,205,80)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#cd506e
```
#cd506e rgb(205,80,110)
```

Triadic Color

#50cdaf
```
#50cdaf rgb(80,205,175)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#cd506e
```
#cd506e rgb(205,80,110)
```
#cdaf50
```
#cdaf50 rgb(205,175,80)
```

Tetradic Color

#2e4aa2
```
#2e4aa2 rgb(46,74,162)
```
#3453b6
```
#3453b6 rgb(52,83,182)
```
#3c5ec7
```
#3c5ec7 rgb(60,94,199)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#647ed3
```
#647ed3 rgb(100,126,211)
```
#788fd8
```
#788fd8 rgb(120,143,216)
```
#8c9fde
```
#8c9fde rgb(140,159,222)
```

Monochromatic Color

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

#508dcd
```
#508dcd rgb(80,141,205)
```
#5083cd
```
#5083cd rgb(80,131,205)
```
#5078cd
```
#5078cd rgb(80,120,205)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#5064cd
```
#5064cd rgb(80,100,205)
```
#5059cd
```
#5059cd rgb(80,89,205)
```
#5150cd
```
#5150cd rgb(81,80,205)
```

Similar Colors

Text with hexadecimal color #506ecd

This text has a font color of #506ecd.

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

#506ecd background color

This paragraph has a background color of #506ecd.

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

#506ecd border color

This element has a border color of #506ecd.

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

CSS codes

.text {color:#506ecd;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#070b17
```
#070b17 rgb(7,11,23)
```
#0b1227
```
#0b1227 rgb(11,18,39)
```
#0f1936
```
#0f1936 rgb(15,25,54)
```
#142045
```
#142045 rgb(20,32,69)
```
#182754
```
#182754 rgb(24,39,84)
```
#1c2e64
```
#1c2e64 rgb(28,46,100)
```
#213573
```
#213573 rgb(33,53,115)
```
#253b82
```
#253b82 rgb(37,59,130)
```
#2a4291
```
#2a4291 rgb(42,66,145)
```
#2e49a1
```
#2e49a1 rgb(46,73,161)
```
#3250b0
```
#3250b0 rgb(50,80,176)
```
#3757bf
```
#3757bf rgb(55,87,191)
```

Shade Color Variation

#4161c9
```
#4161c9 rgb(65,97,201)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#5f7bd1
```
#5f7bd1 rgb(95,123,209)
```
#6f87d6
```
#6f87d6 rgb(111,135,214)
```
#7e94da
```
#7e94da rgb(126,148,218)
```
#8da1de
```
#8da1de rgb(141,161,222)
```
#9cade3
```
#9cade3 rgb(156,173,227)
```
#acbae7
```
#acbae7 rgb(172,186,231)
```
#bbc6ec
```
#bbc6ec rgb(187,198,236)
```
#cad3f0
```
#cad3f0 rgb(202,211,240)
```
#d9e0f4
```
#d9e0f4 rgb(217,224,244)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#8d8e90
```
#8d8e90 rgb(141,142,144)
```
#848999
```
#848999 rgb(132,137,153)
```
#7b85a2
```
#7b85a2 rgb(123,133,162)
```
#7380aa
```
#7380aa rgb(115,128,170)
```
#6a7cb3
```
#6a7cb3 rgb(106,124,179)
```
#6177bc
```
#6177bc rgb(97,119,188)
```
#5973c4
```
#5973c4 rgb(89,115,196)
```
#506ecd
```
#506ecd rgb(80,110,205)
```
#476ad6
```
#476ad6 rgb(71,106,214)
```
#3f65de
```
#3f65de rgb(63,101,222)
```
#3660e7
```
#3660e7 rgb(54,96,231)
```
#2d5cf0
```
#2d5cf0 rgb(45,92,240)
```
#2558f8
```
#2558f8 rgb(37,88,248)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a7083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a77d1 Protanopia 1% of men
#277ccc Deuteranopia 1% of men
#2e858f Tritanopia 0.001% of the population

Trichromacy

#4c74cf Protanomaly 1% of men, 0.01% of women
#3677cc Deuteranomaly 6% of men, 0.4% of women
#3a7ca5 Tritanomaly 0.01% of the population

#506ecd hex color

#506ecd Color Information

#506ecd Color Conversion

Color Schemes with #506ecd

Alternatives to #506ecd

#506ecd Preview

Shades and Tints of #506ecd

Tones of #506ecd

Color Blindness Simulator