#3058a1 hex color

In a RGB color space, hex #3058a1 is composed of 18.8% red, 34.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 45.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 218.8 degrees, a saturation of 54.1% and a lightness of 41%. #3058a1 color hex could be obtained by blending #60b0ff with #000043. Closest websafe color is: #336699.

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

● #3058a1 color description : Dark blue.

The hexadecimal color #3058a1 has RGB values of R:48, G:88, B:161 and CMYK values of C:0.7, M:0.45, Y:0, K:0.37. Its decimal value is 3168417.

Hex triplet	3058a1	`#3058a1`
RGB Decimal	48, 88, 161	`rgb(48,88,161)`
RGB Percent	18.8, 34.5, 63.1	`rgb(18.8%,34.5%,63.1%)`
CMYK	70, 45, 0, 37
HSL	218.8°, 54.1, 41	`hsl(218.8,54.1%,41%)`
HSV (or HSB)	218.8°, 70.2, 63.1
Web Safe	336699	`#336699`

CIE-LAB	38.164, 11.228, -43.74
XYZ	11.14, 10.18, 35.094
xyY	0.197, 0.18, 10.18
CIE-LCH	38.164, 45.158, 284.396
CIE-LUV	38.164, -16.007, -63.452
Hunter-Lab	31.907, 6.487, -42.879
Binary	00110000, 01011000, 10100001

#3058a1
```
#3058a1 rgb(48,88,161)
```
#a17930
```
#a17930 rgb(161,121,48)
```

Complementary Color

#3091a1
```
#3091a1 rgb(48,145,161)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#4030a1
```
#4030a1 rgb(64,48,161)
```

Analogous Color

#91a130
```
#91a130 rgb(145,161,48)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#a14030
```
#a14030 rgb(161,64,48)
```

Split Complementary Color

#58a130
```
#58a130 rgb(88,161,48)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#a13058
```
#a13058 rgb(161,48,88)
```

Triadic Color

#30a179
```
#30a179 rgb(48,161,121)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#a13058
```
#a13058 rgb(161,48,88)
```
#a17930
```
#a17930 rgb(161,121,48)
```

Tetradic Color

#1e3866
```
#1e3866 rgb(30,56,102)
```
#24437a
```
#24437a rgb(36,67,122)
```
#2a4d8d
```
#2a4d8d rgb(42,77,141)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#3663b5
```
#3663b5 rgb(54,99,181)
```
#3e6ec6
```
#3e6ec6 rgb(62,110,198)
```
#527dcb
```
#527dcb rgb(82,125,203)
```

Monochromatic Color

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

#3074a1
```
#3074a1 rgb(48,116,161)
```
#306ba1
```
#306ba1 rgb(48,107,161)
```
#3061a1
```
#3061a1 rgb(48,97,161)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#304fa1
```
#304fa1 rgb(48,79,161)
```
#3045a1
```
#3045a1 rgb(48,69,161)
```
#303ca1
```
#303ca1 rgb(48,60,161)
```

Similar Colors

Text with hexadecimal color #3058a1

This text has a font color of #3058a1.

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

#3058a1 background color

This paragraph has a background color of #3058a1.

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

#3058a1 border color

This element has a border color of #3058a1.

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

CSS codes

.text {color:#3058a1;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#101e37
```
#101e37 rgb(16,30,55)
```
#152646
```
#152646 rgb(21,38,70)
```
#192f55
```
#192f55 rgb(25,47,85)
```
#1e3765
```
#1e3765 rgb(30,55,101)
```
#223f74
```
#223f74 rgb(34,63,116)
```
#274783
```
#274783 rgb(39,71,131)
```
#2b5092
```
#2b5092 rgb(43,80,146)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#3560b0
```
#3560b0 rgb(53,96,176)
```
#3969bf
```
#3969bf rgb(57,105,191)
```

Shade Color Variation

#4473c7
```
#4473c7 rgb(68,115,199)
```
#547ecc
```
#547ecc rgb(84,126,204)
```
#638ad0
```
#638ad0 rgb(99,138,208)
```
#7295d5
```
#7295d5 rgb(114,149,213)
```
#81a0d9
```
#81a0d9 rgb(129,160,217)
```
#90acde
```
#90acde rgb(144,172,222)
```
#9fb7e2
```
#9fb7e2 rgb(159,183,226)
```
#aec2e7
```
#aec2e7 rgb(174,194,231)
```
#bdceeb
```
#bdceeb rgb(189,206,235)
```
#ccd9f0
```
#ccd9f0 rgb(204,217,240)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#686869
```
#686869 rgb(104,104,105)
```
#606671
```
#606671 rgb(96,102,113)
```
#586479
```
#586479 rgb(88,100,121)
```
#506181
```
#506181 rgb(80,97,129)
```
#485f89
```
#485f89 rgb(72,95,137)
```
#405d91
```
#405d91 rgb(64,93,145)
```
#385a99
```
#385a99 rgb(56,90,153)
```
#3058a1
```
#3058a1 rgb(48,88,161)
```
#2856a9
```
#2856a9 rgb(40,86,169)
```
#2053b1
```
#2053b1 rgb(32,83,177)
```
#1851b9
```
#1851b9 rgb(24,81,185)
```
#104fc1
```
#104fc1 rgb(16,79,193)
```
#084cc9
```
#084cc9 rgb(8,76,201)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e60a5 Protanopia 1% of men
#1e63a4 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#395da3 Protanomaly 1% of men, 0.01% of women
#245fa3 Deuteranomaly 6% of men, 0.4% of women
#116484 Tritanomaly 0.01% of the population

#3058a1 hex color

#3058a1 Color Information

#3058a1 Color Conversion

Color Schemes with #3058a1

Alternatives to #3058a1

#3058a1 Preview

Shades and Tints of #3058a1

Tones of #3058a1

Color Blindness Simulator