#5060a8 hex color

In a RGB color space, hex #5060a8 is composed of 31.4% red, 37.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 42.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 229.1 degrees, a saturation of 35.5% and a lightness of 48.6%. #5060a8 color hex could be obtained by blending #a0c0ff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 38
- B 66
RGB color chart
- C 52
- M 43
- Y 0
- K 34
CMYK color chart

● #5060a8 color description : Dark moderate blue.

The hexadecimal color #5060a8 has RGB values of R:80, G:96, B:168 and CMYK values of C:0.52, M:0.43, Y:0, K:0.34. Its decimal value is 5267624.

Hex triplet	5060a8	`#5060a8`
RGB Decimal	80, 96, 168	`rgb(80,96,168)`
RGB Percent	31.4, 37.6, 65.9	`rgb(31.4%,37.6%,65.9%)`
CMYK	52, 43, 0, 34
HSL	229.1°, 35.5, 48.6	`hsl(229.1,35.5%,48.6%)`
HSV (or HSB)	229.1°, 52.4, 65.9
Web Safe	666699	`#666699`

CIE-LAB	42.609, 14.894, -40.702
XYZ	14.558, 12.898, 38.766
xyY	0.22, 0.195, 12.898
CIE-LCH	42.609, 43.341, 290.099
CIE-LUV	42.609, -10.134, -61.164
Hunter-Lab	35.913, 9.507, -38.86
Binary	01010000, 01100000, 10101000

#5060a8
```
#5060a8 rgb(80,96,168)
```
#a89850
```
#a89850 rgb(168,152,80)
```

Complementary Color

#508ca8
```
#508ca8 rgb(80,140,168)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#6c50a8
```
#6c50a8 rgb(108,80,168)
```

Analogous Color

#8ca850
```
#8ca850 rgb(140,168,80)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#a86c50
```
#a86c50 rgb(168,108,80)
```

Split Complementary Color

#60a850
```
#60a850 rgb(96,168,80)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#a85060
```
#a85060 rgb(168,80,96)
```

Triadic Color

#50a898
```
#50a898 rgb(80,168,152)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#a85060
```
#a85060 rgb(168,80,96)
```
#a89850
```
#a89850 rgb(168,152,80)
```

Tetradic Color

#374274
```
#374274 rgb(55,66,116)
```
#404c85
```
#404c85 rgb(64,76,133)
```
#485697
```
#485697 rgb(72,86,151)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#5f6eb3
```
#5f6eb3 rgb(95,110,179)
```
#707ebb
```
#707ebb rgb(112,126,187)
```
#818dc3
```
#818dc3 rgb(129,141,195)
```

Monochromatic Color

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

#5076a8
```
#5076a8 rgb(80,118,168)
```
#506fa8
```
#506fa8 rgb(80,111,168)
```
#5067a8
```
#5067a8 rgb(80,103,168)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#5059a8
```
#5059a8 rgb(80,89,168)
```
#5051a8
```
#5051a8 rgb(80,81,168)
```
#5650a8
```
#5650a8 rgb(86,80,168)
```

Similar Colors

Text with hexadecimal color #5060a8

This text has a font color of #5060a8.

<span style="color:#5060a8;">Text here</span>

#5060a8 background color

This paragraph has a background color of #5060a8.

<p style="background-color:#5060a8;">Content here</p>

#5060a8 border color

This element has a border color of #5060a8.

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

CSS codes

.text {color:#5060a8;}

.background {background-color:#5060a8;}

.border {border:1px solid #5060a8;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0c16
```
#0a0c16 rgb(10,12,22)
```
#111423
```
#111423 rgb(17,20,35)
```
#171c30
```
#171c30 rgb(23,28,48)
```
#1d233e
```
#1d233e rgb(29,35,62)
```
#242b4b
```
#242b4b rgb(36,43,75)
```
#2a3258
```
#2a3258 rgb(42,50,88)
```
#303a66
```
#303a66 rgb(48,58,102)
```
#374273
```
#374273 rgb(55,66,115)
```
#3d4980
```
#3d4980 rgb(61,73,128)
```
#43518d
```
#43518d rgb(67,81,141)
```
#4a589b
```
#4a589b rgb(74,88,155)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```

Shade Color Variation

#5b6ab1
```
#5b6ab1 rgb(91,106,177)
```
#6876b7
```
#6876b7 rgb(104,118,183)
```
#7582bd
```
#7582bd rgb(117,130,189)
```
#838fc4
```
#838fc4 rgb(131,143,196)
```
#909bca
```
#909bca rgb(144,155,202)
```
#9da7d0
```
#9da7d0 rgb(157,167,208)
```
#abb3d7
```
#abb3d7 rgb(171,179,215)
```
#b8bfdd
```
#b8bfdd rgb(184,191,221)
```
#c5cbe3
```
#c5cbe3 rgb(197,203,227)
```
#d2d7ea
```
#d2d7ea rgb(210,215,234)
```
#e0e3f0
```
#e0e3f0 rgb(224,227,240)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767882 is the less saturated color, while #042ff4 is the most saturated one.

#767882
```
#767882 rgb(118,120,130)
```
#6d728b
```
#6d728b rgb(109,114,139)
```
#636c95
```
#636c95 rgb(99,108,149)
```
#5a669e
```
#5a669e rgb(90,102,158)
```
#5060a8
```
#5060a8 rgb(80,96,168)
```
#465ab2
```
#465ab2 rgb(70,90,178)
```
#3d54bb
```
#3d54bb rgb(61,84,187)
```
#334ec5
```
#334ec5 rgb(51,78,197)
```
#2a48ce
```
#2a48ce rgb(42,72,206)
```
#2042d8
```
#2042d8 rgb(32,66,216)
```
#173ce1
```
#173ce1 rgb(23,60,225)
```
#0d36eb
```
#0d36eb rgb(13,54,235)
```
#042ff4
```
#042ff4 rgb(4,47,244)
```

Tone Color Variation

Below, you can see how #5060a8 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

#636363 Achromatopsia 0.005% of the population
#5f6271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6aae Protanopia 1% of men
#416daa Deuteranopia 1% of men
#44737c Tritanopia 0.001% of the population

Trichromacy

#4e66ab Protanomaly 1% of men, 0.01% of women
#4668a9 Deuteranomaly 6% of men, 0.4% of women
#486c8c Tritanomaly 0.01% of the population

#5060a8 hex color

#5060a8 Color Information

#5060a8 Color Conversion

Color Schemes with #5060a8

Alternatives to #5060a8

#5060a8 Preview

Shades and Tints of #5060a8

Tones of #5060a8

Color Blindness Simulator