#506ace hex color

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

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

● #506ace color description : Moderate blue.

The hexadecimal color #506ace has RGB values of R:80, G:106, B:206 and CMYK values of C:0.61, M:0.49, Y:0, K:0.19. Its decimal value is 5270222.

Hex triplet	506ace	`#506ace`
RGB Decimal	80, 106, 206	`rgb(80,106,206)`
RGB Percent	31.4, 41.6, 80.8	`rgb(31.4%,41.6%,80.8%)`
CMYK	61, 49, 0, 19
HSL	227.6°, 56.3, 56.1	`hsl(227.6,56.3%,56.1%)`
HSV (or HSB)	227.6°, 61.2, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.584, 21.335, -54.828
XYZ	19.601, 16.469, 60.535
xyY	0.203, 0.17, 16.469
CIE-LCH	47.584, 58.832, 291.262
CIE-LUV	47.584, -14.183, -85.158
Hunter-Lab	40.582, 15.196, -60.035
Binary	01010000, 01101010, 11001110

#506ace
```
#506ace rgb(80,106,206)
```
#ceb450
```
#ceb450 rgb(206,180,80)
```

Complementary Color

#50a9ce
```
#50a9ce rgb(80,169,206)
```
#506ace
```
#506ace rgb(80,106,206)
```
#7550ce
```
#7550ce rgb(117,80,206)
```

Analogous Color

#a9ce50
```
#a9ce50 rgb(169,206,80)
```
#506ace
```
#506ace rgb(80,106,206)
```
#ce7550
```
#ce7550 rgb(206,117,80)
```

Split Complementary Color

#6ace50
```
#6ace50 rgb(106,206,80)
```
#506ace
```
#506ace rgb(80,106,206)
```
#ce506a
```
#ce506a rgb(206,80,106)
```

Triadic Color

#50ceb4
```
#50ceb4 rgb(80,206,180)
```
#506ace
```
#506ace rgb(80,106,206)
```
#ce506a
```
#ce506a rgb(206,80,106)
```
#ceb450
```
#ceb450 rgb(206,180,80)
```

Tetradic Color

#2e46a4
```
#2e46a4 rgb(46,70,164)
```
#334fb8
```
#334fb8 rgb(51,79,184)
```
#3c59c8
```
#3c59c8 rgb(60,89,200)
```
#506ace
```
#506ace rgb(80,106,206)
```
#647bd4
```
#647bd4 rgb(100,123,212)
```
#788cd9
```
#788cd9 rgb(120,140,217)
```
#8c9ddf
```
#8c9ddf rgb(140,157,223)
```

Monochromatic Color

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

#508ace
```
#508ace rgb(80,138,206)
```
#507fce
```
#507fce rgb(80,127,206)
```
#5075ce
```
#5075ce rgb(80,117,206)
```
#506ace
```
#506ace rgb(80,106,206)
```
#5060ce
```
#5060ce rgb(80,96,206)
```
#5055ce
```
#5055ce rgb(80,85,206)
```
#5550ce
```
#5550ce rgb(85,80,206)
```

Similar Colors

Text with hexadecimal color #506ace

This text has a font color of #506ace.

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

#506ace background color

This paragraph has a background color of #506ace.

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

#506ace border color

This element has a border color of #506ace.

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

CSS codes

.text {color:#506ace;}

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

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

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)
```
#070a18
```
#070a18 rgb(7,10,24)
```
#0b1128
```
#0b1128 rgb(11,17,40)
```
#0f1837
```
#0f1837 rgb(15,24,55)
```
#141e46
```
#141e46 rgb(20,30,70)
```
#182556
```
#182556 rgb(24,37,86)
```
#1c2b65
```
#1c2b65 rgb(28,43,101)
```
#213274
```
#213274 rgb(33,50,116)
```
#253883
```
#253883 rgb(37,56,131)
```
#293f93
```
#293f93 rgb(41,63,147)
```
#2d45a2
```
#2d45a2 rgb(45,69,162)
```
#324cb1
```
#324cb1 rgb(50,76,177)
```
#3653c1
```
#3653c1 rgb(54,83,193)
```

Shade Color Variation

#415dca
```
#415dca rgb(65,93,202)
```
#506ace
```
#506ace rgb(80,106,206)
```
#5f77d2
```
#5f77d2 rgb(95,119,210)
```
#6f84d7
```
#6f84d7 rgb(111,132,215)
```
#7e91db
```
#7e91db rgb(126,145,219)
```
#8d9edf
```
#8d9edf rgb(141,158,223)
```
#9dabe3
```
#9dabe3 rgb(157,171,227)
```
#acb8e8
```
#acb8e8 rgb(172,184,232)
```
#bbc5ec
```
#bbc5ec rgb(187,197,236)
```
#cbd2f0
```
#cbd2f0 rgb(203,210,240)
```
#dadff5
```
#dadff5 rgb(218,223,245)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#8c8d92
```
#8c8d92 rgb(140,141,146)
```
#84889a
```
#84889a rgb(132,136,154)
```
#7b83a3
```
#7b83a3 rgb(123,131,163)
```
#727eac
```
#727eac rgb(114,126,172)
```
#6a79b4
```
#6a79b4 rgb(106,121,180)
```
#6174bd
```
#6174bd rgb(97,116,189)
```
#596fc5
```
#596fc5 rgb(89,111,197)
```
#506ace
```
#506ace rgb(80,106,206)
```
#4765d7
```
#4765d7 rgb(71,101,215)
```
#3f60df
```
#3f60df rgb(63,96,223)
```
#365be8
```
#365be8 rgb(54,91,232)
```
#2e56f0
```
#2e56f0 rgb(46,86,240)
```
#2551f9
```
#2551f9 rgb(37,81,249)
```

Tone Color Variation

Below, you can see how #506ace 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
#686d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4075d3 Protanopia 1% of men
#007acb Deuteranopia 1% of men
#2a828c Tritanopia 0.001% of the population

Trichromacy

#4671d1 Protanomaly 1% of men, 0.01% of women
#1d74cc Deuteranomaly 6% of men, 0.4% of women
#3879a4 Tritanomaly 0.01% of the population

#506ace hex color

#506ace Color Information

#506ace Color Conversion

Color Schemes with #506ace

Alternatives to #506ace

#506ace Preview

Shades and Tints of #506ace

Tones of #506ace

Color Blindness Simulator