#506eaa hex color

In a RGB color space, hex #506eaa is composed of 31.4% red, 43.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 35.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 220 degrees, a saturation of 36% and a lightness of 49%. #506eaa color hex could be obtained by blending #a0dcff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 43
- B 67
RGB color chart
- C 53
- M 35
- Y 0
- K 33
CMYK color chart

● #506eaa color description : Dark moderate blue.

The hexadecimal color #506eaa has RGB values of R:80, G:110, B:170 and CMYK values of C:0.53, M:0.35, Y:0, K:0.33. Its decimal value is 5271210.

Hex triplet	506eaa	`#506eaa`
RGB Decimal	80, 110, 170	`rgb(80,110,170)`
RGB Percent	31.4, 43.1, 66.7	`rgb(31.4%,43.1%,66.7%)`
CMYK	53, 35, 0, 33
HSL	220°, 36, 49	`hsl(220,36%,49%)`
HSV (or HSB)	220°, 52.9, 66.7
Web Safe	666699	`#666699`

CIE-LAB	46.656, 6.799, -35.473
XYZ	16.138, 15.759, 40.219
xyY	0.224, 0.219, 15.759
CIE-LCH	46.656, 36.118, 280.851
CIE-LUV	46.656, -15.077, -53.544
Hunter-Lab	39.697, 3.096, -32.281
Binary	01010000, 01101110, 10101010

#506eaa
```
#506eaa rgb(80,110,170)
```
#aa8c50
```
#aa8c50 rgb(170,140,80)
```

Complementary Color

#509baa
```
#509baa rgb(80,155,170)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#5f50aa
```
#5f50aa rgb(95,80,170)
```

Analogous Color

#9baa50
```
#9baa50 rgb(155,170,80)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#aa5f50
```
#aa5f50 rgb(170,95,80)
```

Split Complementary Color

#6eaa50
```
#6eaa50 rgb(110,170,80)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#aa506e
```
#aa506e rgb(170,80,110)
```

Triadic Color

#50aa8c
```
#50aa8c rgb(80,170,140)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#aa506e
```
#aa506e rgb(170,80,110)
```
#aa8c50
```
#aa8c50 rgb(170,140,80)
```

Tetradic Color

#384c76
```
#384c76 rgb(56,76,118)
```
#405887
```
#405887 rgb(64,88,135)
```
#486399
```
#486399 rgb(72,99,153)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#607cb4
```
#607cb4 rgb(96,124,180)
```
#718abc
```
#718abc rgb(113,138,188)
```
#8298c4
```
#8298c4 rgb(130,152,196)
```

Monochromatic Color

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

#5085aa
```
#5085aa rgb(80,133,170)
```
#507daa
```
#507daa rgb(80,125,170)
```
#5076aa
```
#5076aa rgb(80,118,170)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#5067aa
```
#5067aa rgb(80,103,170)
```
#505faa
```
#505faa rgb(80,95,170)
```
#5057aa
```
#5057aa rgb(80,87,170)
```

Similar Colors

Text with hexadecimal color #506eaa

This text has a font color of #506eaa.

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

#506eaa background color

This paragraph has a background color of #506eaa.

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

#506eaa border color

This element has a border color of #506eaa.

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

CSS codes

.text {color:#506eaa;}

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

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

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, #05060a is the darkest color, while #fcfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111825
```
#111825 rgb(17,24,37)
```
#182032
```
#182032 rgb(24,32,50)
```
#1e293f
```
#1e293f rgb(30,41,63)
```
#24324d
```
#24324d rgb(36,50,77)
```
#2a3a5a
```
#2a3a5a rgb(42,58,90)
```
#314367
```
#314367 rgb(49,67,103)
```
#374b75
```
#374b75 rgb(55,75,117)
```
#3d5482
```
#3d5482 rgb(61,84,130)
```
#435d8f
```
#435d8f rgb(67,93,143)
```
#4a659d
```
#4a659d rgb(74,101,157)
```
#506eaa
```
#506eaa rgb(80,110,170)
```

Shade Color Variation

#5c78b2
```
#5c78b2 rgb(92,120,178)
```
#6983b8
```
#6983b8 rgb(105,131,184)
```
#768ebf
```
#768ebf rgb(118,142,191)
```
#8499c5
```
#8499c5 rgb(132,153,197)
```
#91a4cb
```
#91a4cb rgb(145,164,203)
```
#9eafd1
```
#9eafd1 rgb(158,175,209)
```
#acbad8
```
#acbad8 rgb(172,186,216)
```
#b9c5de
```
#b9c5de rgb(185,197,222)
```
#c6d0e4
```
#c6d0e4 rgb(198,208,228)
```
#d4dbeb
```
#d4dbeb rgb(212,219,235)
```
#e1e6f1
```
#e1e6f1 rgb(225,230,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#767b84
```
#767b84 rgb(118,123,132)
```
#6d788d
```
#6d788d rgb(109,120,141)
```
#637497
```
#637497 rgb(99,116,151)
```
#5a71a0
```
#5a71a0 rgb(90,113,160)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#466bb4
```
#466bb4 rgb(70,107,180)
```
#3d68bd
```
#3d68bd rgb(61,104,189)
```
#3364c7
```
#3364c7 rgb(51,100,199)
```
#2a61d0
```
#2a61d0 rgb(42,97,208)
```
#205eda
```
#205eda rgb(32,94,218)
```
#165be4
```
#165be4 rgb(22,91,228)
```
#0d58ed
```
#0d58ed rgb(13,88,237)
```
#0354f7
```
#0354f7 rgb(3,84,247)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6074ad Protanopia 1% of men
#5775ae Deuteranopia 1% of men
#477d87 Tritanopia 0.001% of the population

Trichromacy

#5a71ac Protanomaly 1% of men, 0.01% of women
#5473ac Deuteranomaly 6% of men, 0.4% of women
#4a7893 Tritanomaly 0.01% of the population

#506eaa hex color

#506eaa Color Information

#506eaa Color Conversion

Color Schemes with #506eaa

Alternatives to #506eaa

#506eaa Preview

Shades and Tints of #506eaa

Tones of #506eaa

Color Blindness Simulator