#506ecc hex color

In a RGB color space, hex #506ecc is composed of 31.4% red, 43.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 46.1% magenta, 0% yellow and 20% black. It has a hue angle of 225.5 degrees, a saturation of 54.9% and a lightness of 55.7%. #506ecc color hex could be obtained by blending #a0dcff with #000099. 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

● #506ecc color description : Moderate blue.

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

Hex triplet	506ecc	`#506ecc`
RGB Decimal	80, 110, 204	`rgb(80,110,204)`
RGB Percent	31.4, 43.1, 80	`rgb(31.4%,43.1%,80%)`
CMYK	61, 46, 0, 20
HSL	225.5°, 54.9, 55.7	`hsl(225.5,54.9%,55.7%)`
HSV (or HSB)	225.5°, 60.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.531, 18.155, -52.164
XYZ	19.781, 17.216, 59.404
xyY	0.205, 0.179, 17.216
CIE-LCH	48.531, 55.233, 289.19
CIE-LUV	48.531, -15.401, -81.211
Hunter-Lab	41.492, 12.487, -55.841
Binary	01010000, 01101110, 11001100

#506ecc
```
#506ecc rgb(80,110,204)
```
#ccae50
```
#ccae50 rgb(204,174,80)
```

Complementary Color

#50accc
```
#50accc rgb(80,172,204)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#7050cc
```
#7050cc rgb(112,80,204)
```

Analogous Color

#accc50
```
#accc50 rgb(172,204,80)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#cc7050
```
#cc7050 rgb(204,112,80)
```

Split Complementary Color

#6ecc50
```
#6ecc50 rgb(110,204,80)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#cc506e
```
#cc506e rgb(204,80,110)
```

Triadic Color

#50ccae
```
#50ccae rgb(80,204,174)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#cc506e
```
#cc506e rgb(204,80,110)
```
#ccae50
```
#ccae50 rgb(204,174,80)
```

Tetradic Color

#2f4aa1
```
#2f4aa1 rgb(47,74,161)
```
#3554b4
```
#3554b4 rgb(53,84,180)
```
#3c5ec6
```
#3c5ec6 rgb(60,94,198)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#647ed2
```
#647ed2 rgb(100,126,210)
```
#778fd8
```
#778fd8 rgb(119,143,216)
```
#8b9fdd
```
#8b9fdd rgb(139,159,221)
```

Monochromatic Color

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

#508dcc
```
#508dcc rgb(80,141,204)
```
#5083cc
```
#5083cc rgb(80,131,204)
```
#5078cc
```
#5078cc rgb(80,120,204)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#5064cc
```
#5064cc rgb(80,100,204)
```
#5059cc
```
#5059cc rgb(80,89,204)
```
#5150cc
```
#5150cc rgb(81,80,204)
```

Similar Colors

Text with hexadecimal color #506ecc

This text has a font color of #506ecc.

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

#506ecc background color

This paragraph has a background color of #506ecc.

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

#506ecc border color

This element has a border color of #506ecc.

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

CSS codes

.text {color:#506ecc;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070a16
```
#070a16 rgb(7,10,22)
```
#0b1126
```
#0b1126 rgb(11,17,38)
```
#0f1835
```
#0f1835 rgb(15,24,53)
```
#141f44
```
#141f44 rgb(20,31,68)
```
#182753
```
#182753 rgb(24,39,83)
```
#1d2e62
```
#1d2e62 rgb(29,46,98)
```
#213572
```
#213572 rgb(33,53,114)
```
#263c81
```
#263c81 rgb(38,60,129)
```
#2a4390
```
#2a4390 rgb(42,67,144)
```
#2e4a9f
```
#2e4a9f rgb(46,74,159)
```
#3351ae
```
#3351ae rgb(51,81,174)
```
#3758be
```
#3758be rgb(55,88,190)
```

Shade Color Variation

#4161c8
```
#4161c8 rgb(65,97,200)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#5f7bd0
```
#5f7bd0 rgb(95,123,208)
```
#6e87d5
```
#6e87d5 rgb(110,135,213)
```
#7e94d9
```
#7e94d9 rgb(126,148,217)
```
#8da0de
```
#8da0de rgb(141,160,222)
```
#9cade2
```
#9cade2 rgb(156,173,226)
```
#abbae7
```
#abbae7 rgb(171,186,231)
```
#bac6eb
```
#bac6eb rgb(186,198,235)
```
#cad3ef
```
#cad3ef rgb(202,211,239)
```
#d9dff4
```
#d9dff4 rgb(217,223,244)
```
#e8ecf8
```
#e8ecf8 rgb(232,236,248)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848998
```
#848998 rgb(132,137,152)
```
#7b84a1
```
#7b84a1 rgb(123,132,161)
```
#7380a9
```
#7380a9 rgb(115,128,169)
```
#6a7bb2
```
#6a7bb2 rgb(106,123,178)
```
#6177bb
```
#6177bb rgb(97,119,187)
```
#5972c3
```
#5972c3 rgb(89,114,195)
```
#506ecc
```
#506ecc rgb(80,110,204)
```
#476ad5
```
#476ad5 rgb(71,106,213)
```
#3f65dd
```
#3f65dd rgb(63,101,221)
```
#3661e6
```
#3661e6 rgb(54,97,230)
```
#2d5cef
```
#2d5cef rgb(45,92,239)
```
#2558f7
```
#2558f7 rgb(37,88,247)
```

Tone Color Variation

Below, you can see how #506ecc 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
#6a7082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b77d0 Protanopia 1% of men
#2a7ccb Deuteranopia 1% of men
#2f858e Tritanopia 0.001% of the population

Trichromacy

#4d74ce Protanomaly 1% of men, 0.01% of women
#3877cb Deuteranomaly 6% of men, 0.4% of women
#3b7ca5 Tritanomaly 0.01% of the population

#506ecc hex color

#506ecc Color Information

#506ecc Color Conversion

Color Schemes with #506ecc

Alternatives to #506ecc

#506ecc Preview

Shades and Tints of #506ecc

Tones of #506ecc

Color Blindness Simulator