#5058a1 hex color

In a RGB color space, hex #5058a1 is composed of 31.4% red, 34.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 45.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 234.1 degrees, a saturation of 33.6% and a lightness of 47.3%. #5058a1 color hex could be obtained by blending #a0b0ff with #000043. Closest websafe color is: #666699.

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

● #5058a1 color description : Dark moderate blue.

The hexadecimal color #5058a1 has RGB values of R:80, G:88, B:161 and CMYK values of C:0.5, M:0.45, Y:0, K:0.37. Its decimal value is 5265569.

Hex triplet	5058a1	`#5058a1`
RGB Decimal	80, 88, 161	`rgb(80,88,161)`
RGB Percent	31.4, 34.5, 63.1	`rgb(31.4%,34.5%,63.1%)`
CMYK	50, 45, 0, 37
HSL	234.1°, 33.6, 47.3	`hsl(234.1,33.6%,47.3%)`
HSV (or HSB)	234.1°, 50.3, 63.1
Web Safe	666699	`#666699`

CIE-LAB	40.011, 17.697, -40.683
XYZ	13.23, 11.258, 35.192
xyY	0.222, 0.189, 11.258
CIE-LCH	40.011, 44.365, 293.509
CIE-LUV	40.011, -7.221, -60.405
Hunter-Lab	33.552, 11.666, -38.701
Binary	01010000, 01011000, 10100001

#5058a1
```
#5058a1 rgb(80,88,161)
```
#a19950
```
#a19950 rgb(161,153,80)
```

Complementary Color

#5081a1
```
#5081a1 rgb(80,129,161)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#7150a1
```
#7150a1 rgb(113,80,161)
```

Analogous Color

#81a150
```
#81a150 rgb(129,161,80)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#a17150
```
#a17150 rgb(161,113,80)
```

Split Complementary Color

#58a150
```
#58a150 rgb(88,161,80)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#a15058
```
#a15058 rgb(161,80,88)
```

Triadic Color

#50a199
```
#50a199 rgb(80,161,153)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#a15058
```
#a15058 rgb(161,80,88)
```
#a19950
```
#a19950 rgb(161,153,80)
```

Tetradic Color

#373c6e
```
#373c6e rgb(55,60,110)
```
#3f457f
```
#3f457f rgb(63,69,127)
```
#484f90
```
#484f90 rgb(72,79,144)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#5c64ae
```
#5c64ae rgb(92,100,174)
```
#6d75b7
```
#6d75b7 rgb(109,117,183)
```
#7e85bf
```
#7e85bf rgb(126,133,191)
```

Monochromatic Color

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

#506ca1
```
#506ca1 rgb(80,108,161)
```
#5066a1
```
#5066a1 rgb(80,102,161)
```
#505fa1
```
#505fa1 rgb(80,95,161)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#5051a1
```
#5051a1 rgb(80,81,161)
```
#5650a1
```
#5650a1 rgb(86,80,161)
```
#5c50a1
```
#5c50a1 rgb(92,80,161)
```

Similar Colors

Text with hexadecimal color #5058a1

This text has a font color of #5058a1.

<span style="color:#5058a1;">Text here</span>

#5058a1 background color

This paragraph has a background color of #5058a1.

<p style="background-color:#5058a1;">Content here</p>

#5058a1 border color

This element has a border color of #5058a1.

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

CSS codes

.text {color:#5058a1;}

.background {background-color:#5058a1;}

.border {border:1px solid #5058a1;}

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

#020204
```
#020204 rgb(2,2,4)
```
#080911
```
#080911 rgb(8,9,17)
```
#0f101e
```
#0f101e rgb(15,16,30)
```
#15182b
```
#15182b rgb(21,24,43)
```
#1c1f38
```
#1c1f38 rgb(28,31,56)
```
#222645
```
#222645 rgb(34,38,69)
```
#292d52
```
#292d52 rgb(41,45,82)
```
#2f345f
```
#2f345f rgb(47,52,95)
```
#363b6d
```
#363b6d rgb(54,59,109)
```
#3c437a
```
#3c437a rgb(60,67,122)
```
#434a87
```
#434a87 rgb(67,74,135)
```
#495194
```
#495194 rgb(73,81,148)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```

Shade Color Variation

#5861ac
```
#5861ac rgb(88,97,172)
```
#666db3
```
#666db3 rgb(102,109,179)
```
#737ab9
```
#737ab9 rgb(115,122,185)
```
#8086c0
```
#8086c0 rgb(128,134,192)
```
#8d92c6
```
#8d92c6 rgb(141,146,198)
```
#9a9fcd
```
#9a9fcd rgb(154,159,205)
```
#a7abd3
```
#a7abd3 rgb(167,171,211)
```
#b4b8da
```
#b4b8da rgb(180,184,218)
```
#c1c4e0
```
#c1c4e0 rgb(193,196,224)
```
#ced1e7
```
#ced1e7 rgb(206,209,231)
```
#dbdded
```
#dbdded rgb(219,221,237)
```
#e9eaf4
```
#e9eaf4 rgb(233,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767c is the less saturated color, while #061ceb is the most saturated one.

#75767c
```
#75767c rgb(117,118,124)
```
#6c6e85
```
#6c6e85 rgb(108,110,133)
```
#63678e
```
#63678e rgb(99,103,142)
```
#595f98
```
#595f98 rgb(89,95,152)
```
#5058a1
```
#5058a1 rgb(80,88,161)
```
#4751aa
```
#4751aa rgb(71,81,170)
```
#3d49b4
```
#3d49b4 rgb(61,73,180)
```
#3442bd
```
#3442bd rgb(52,66,189)
```
#2b3ac6
```
#2b3ac6 rgb(43,58,198)
```
#2233cf
```
#2233cf rgb(34,51,207)
```
#182bd9
```
#182bd9 rgb(24,43,217)
```
#0f24e2
```
#0f24e2 rgb(15,36,226)
```
#061ceb
```
#061ceb rgb(6,28,235)
```

Tone Color Variation

Below, you can see how #5058a1 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

#5e5e5e Achromatopsia 0.005% of the population
#5b5d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4564a8 Protanopia 1% of men
#3967a3 Deuteranopia 1% of men
#456c74 Tritanopia 0.001% of the population

Trichromacy

#495fa6 Protanomaly 1% of men, 0.01% of women
#4161a2 Deuteranomaly 6% of men, 0.4% of women
#496584 Tritanomaly 0.01% of the population

#5058a1 hex color

#5058a1 Color Information

#5058a1 Color Conversion

Color Schemes with #5058a1

Alternatives to #5058a1

#5058a1 Preview

Shades and Tints of #5058a1

Tones of #5058a1

Color Blindness Simulator