#5066a0 hex color

In a RGB color space, hex #5066a0 is composed of 31.4% red, 40% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 36.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 223.5 degrees, a saturation of 33.3% and a lightness of 47.1%. #5066a0 color hex could be obtained by blending #a0ccff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 40
- B 63
RGB color chart
- C 50
- M 36
- Y 0
- K 37
CMYK color chart

● #5066a0 color description : Dark moderate blue.

The hexadecimal color #5066a0 has RGB values of R:80, G:102, B:160 and CMYK values of C:0.5, M:0.36, Y:0, K:0.37. Its decimal value is 5269152.

Hex triplet	5066a0	`#5066a0`
RGB Decimal	80, 102, 160	`rgb(80,102,160)`
RGB Percent	31.4, 40, 62.7	`rgb(31.4%,40%,62.7%)`
CMYK	50, 36, 0, 37
HSL	223.5°, 33.3, 47.1	`hsl(223.5,33.3%,47.1%)`
HSV (or HSB)	223.5°, 50, 62.7
Web Safe	666699	`#666699`

CIE-LAB	43.866, 8.528, -33.982
XYZ	14.403, 13.746, 35.15
xyY	0.228, 0.217, 13.746
CIE-LCH	43.866, 35.036, 284.088
CIE-LUV	43.866, -12.05, -50.696
Hunter-Lab	37.075, 4.465, -30.259
Binary	01010000, 01100110, 10100000

#5066a0
```
#5066a0 rgb(80,102,160)
```
#a08a50
```
#a08a50 rgb(160,138,80)
```

Complementary Color

#508ea0
```
#508ea0 rgb(80,142,160)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#6250a0
```
#6250a0 rgb(98,80,160)
```

Analogous Color

#8ea050
```
#8ea050 rgb(142,160,80)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#a06250
```
#a06250 rgb(160,98,80)
```

Split Complementary Color

#66a050
```
#66a050 rgb(102,160,80)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#a05066
```
#a05066 rgb(160,80,102)
```

Triadic Color

#50a08a
```
#50a08a rgb(80,160,138)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#a05066
```
#a05066 rgb(160,80,102)
```
#a08a50
```
#a08a50 rgb(160,138,80)
```

Tetradic Color

#37456d
```
#37456d rgb(55,69,109)
```
#3f507e
```
#3f507e rgb(63,80,126)
```
#485b8f
```
#485b8f rgb(72,91,143)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#5c72ae
```
#5c72ae rgb(92,114,174)
```
#6d81b6
```
#6d81b6 rgb(109,129,182)
```
#7e90bf
```
#7e90bf rgb(126,144,191)
```

Monochromatic Color

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

#507aa0
```
#507aa0 rgb(80,122,160)
```
#5073a0
```
#5073a0 rgb(80,115,160)
```
#506da0
```
#506da0 rgb(80,109,160)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#505fa0
```
#505fa0 rgb(80,95,160)
```
#5059a0
```
#5059a0 rgb(80,89,160)
```
#5052a0
```
#5052a0 rgb(80,82,160)
```

Similar Colors

Text with hexadecimal color #5066a0

This text has a font color of #5066a0.

<span style="color:#5066a0;">Text here</span>

#5066a0 background color

This paragraph has a background color of #5066a0.

<p style="background-color:#5066a0;">Content here</p>

#5066a0 border color

This element has a border color of #5066a0.

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

CSS codes

.text {color:#5066a0;}

.background {background-color:#5066a0;}

.border {border:1px solid #5066a0;}

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f131d
```
#0f131d rgb(15,19,29)
```
#151b2a
```
#151b2a rgb(21,27,42)
```
#1c2337
```
#1c2337 rgb(28,35,55)
```
#222c44
```
#222c44 rgb(34,44,68)
```
#293452
```
#293452 rgb(41,52,82)
```
#2f3c5f
```
#2f3c5f rgb(47,60,95)
```
#36456c
```
#36456c rgb(54,69,108)
```
#3c4d79
```
#3c4d79 rgb(60,77,121)
```
#435586
```
#435586 rgb(67,85,134)
```
#495e93
```
#495e93 rgb(73,94,147)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```

Shade Color Variation

#586fac
```
#586fac rgb(88,111,172)
```
#657ab2
```
#657ab2 rgb(101,122,178)
```
#7286b9
```
#7286b9 rgb(114,134,185)
```
#7f91bf
```
#7f91bf rgb(127,145,191)
```
#8c9cc6
```
#8c9cc6 rgb(140,156,198)
```
#99a7cc
```
#99a7cc rgb(153,167,204)
```
#a7b3d3
```
#a7b3d3 rgb(167,179,211)
```
#b4bed9
```
#b4bed9 rgb(180,190,217)
```
#c1c9e0
```
#c1c9e0 rgb(193,201,224)
```
#ced5e6
```
#ced5e6 rgb(206,213,230)
```
#dbe0ed
```
#dbe0ed rgb(219,224,237)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777b is the less saturated color, while #0645ea is the most saturated one.

#75777b
```
#75777b rgb(117,119,123)
```
#6c7284
```
#6c7284 rgb(108,114,132)
```
#626e8e
```
#626e8e rgb(98,110,142)
```
#596a97
```
#596a97 rgb(89,106,151)
```
#5066a0
```
#5066a0 rgb(80,102,160)
```
#4762a9
```
#4762a9 rgb(71,98,169)
```
#3e5eb2
```
#3e5eb2 rgb(62,94,178)
```
#345abc
```
#345abc rgb(52,90,188)
```
#2b55c5
```
#2b55c5 rgb(43,85,197)
```
#2251ce
```
#2251ce rgb(34,81,206)
```
#194dd7
```
#194dd7 rgb(25,77,215)
```
#0f49e1
```
#0f49e1 rgb(15,73,225)
```
#0645ea
```
#0645ea rgb(6,69,234)
```

Tone Color Variation

Below, you can see how #5066a0 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

#666666 Achromatopsia 0.005% of the population
#626672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6da4 Protanopia 1% of men
#536fa4 Deuteranopia 1% of men
#49767e Tritanopia 0.001% of the population

Trichromacy

#566aa3 Protanomaly 1% of men, 0.01% of women
#516ba2 Deuteranomaly 6% of men, 0.4% of women
#4c708a Tritanomaly 0.01% of the population

#5066a0 hex color

#5066a0 Color Information

#5066a0 Color Conversion

Color Schemes with #5066a0

Alternatives to #5066a0

#5066a0 Preview

Shades and Tints of #5066a0

Tones of #5066a0

Color Blindness Simulator