#0058a2 hex color

In a RGB color space, hex #0058a2 is composed of 0% red, 34.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 45.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 207.4 degrees, a saturation of 100% and a lightness of 31.8%. #0058a2 color hex could be obtained by blending #00b0ff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 35
- B 64
RGB color chart
- C 100
- M 46
- Y 0
- K 36
CMYK color chart

● #0058a2 color description : Dark blue.

The hexadecimal color #0058a2 has RGB values of R:0, G:88, B:162 and CMYK values of C:1, M:0.46, Y:0, K:0.36. Its decimal value is 22690.

Hex triplet	0058a2	`#0058a2`
RGB Decimal	0, 88, 162	`rgb(0,88,162)`
RGB Percent	0, 34.5, 63.5	`rgb(0%,34.5%,63.5%)`
CMYK	100, 46, 0, 36
HSL	207.4°, 100, 31.8	`hsl(207.4,100%,31.8%)`
HSV (or HSB)	207.4°, 100, 63.5
Web Safe	006699	`#006699`

CIE-LAB	37.091, 7.279, -46.121
XYZ	10.01, 9.587, 35.503
xyY	0.182, 0.174, 9.587
CIE-LCH	37.091, 46.692, 278.969
CIE-LUV	37.091, -21.234, -66.006
Hunter-Lab	30.963, 3.52, -46.31
Binary	00000000, 01011000, 10100010

#0058a2
```
#0058a2 rgb(0,88,162)
```
#a24a00
```
#a24a00 rgb(162,74,0)
```

Complementary Color

#00a29b
```
#00a29b rgb(0,162,155)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#0007a2
```
#0007a2 rgb(0,7,162)
```

Analogous Color

#a29b00
```
#a29b00 rgb(162,155,0)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#a20007
```
#a20007 rgb(162,0,7)
```

Split Complementary Color

#58a200
```
#58a200 rgb(88,162,0)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#a20058
```
#a20058 rgb(162,0,88)
```

Triadic Color

#00a24a
```
#00a24a rgb(0,162,74)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#a20058
```
#a20058 rgb(162,0,88)
```
#a24a00
```
#a24a00 rgb(162,74,0)
```

Tetradic Color

#002e56
```
#002e56 rgb(0,46,86)
```
#003c6f
```
#003c6f rgb(0,60,111)
```
#004a89
```
#004a89 rgb(0,74,137)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#0066bc
```
#0066bc rgb(0,102,188)
```
#0074d5
```
#0074d5 rgb(0,116,213)
```
#0082ef
```
#0082ef rgb(0,130,239)
```

Monochromatic Color

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

#0081a2
```
#0081a2 rgb(0,129,162)
```
#0073a2
```
#0073a2 rgb(0,115,162)
```
#0066a2
```
#0066a2 rgb(0,102,162)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#003da2
```
#003da2 rgb(0,61,162)
```
#0030a2
```
#0030a2 rgb(0,48,162)
```

Similar Colors

Text with hexadecimal color #0058a2

This text has a font color of #0058a2.

<span style="color:#0058a2;">Text here</span>

#0058a2 background color

This paragraph has a background color of #0058a2.

<p style="background-color:#0058a2;">Content here</p>

#0058a2 border color

This element has a border color of #0058a2.

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

CSS codes

.text {color:#0058a2;}

.background {background-color:#0058a2;}

.border {border:1px solid #0058a2;}

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

#000305
```
#000305 rgb(0,3,5)
```
#000d19
```
#000d19 rgb(0,13,25)
```
#00182c
```
#00182c rgb(0,24,44)
```
#002340
```
#002340 rgb(0,35,64)
```
#002d54
```
#002d54 rgb(0,45,84)
```
#003867
```
#003867 rgb(0,56,103)
```
#00437b
```
#00437b rgb(0,67,123)
```
#004d8e
```
#004d8e rgb(0,77,142)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#0063b6
```
#0063b6 rgb(0,99,182)
```
#006dc9
```
#006dc9 rgb(0,109,201)
```
#0078dd
```
#0078dd rgb(0,120,221)
```
#0083f0
```
#0083f0 rgb(0,131,240)
```

Shade Color Variation

#058dff
```
#058dff rgb(5,141,255)
```
#1996ff
```
#1996ff rgb(25,150,255)
```
#2c9fff
```
#2c9fff rgb(44,159,255)
```
#40a8ff
```
#40a8ff rgb(64,168,255)
```
#54b1ff
```
#54b1ff rgb(84,177,255)
```
#67baff
```
#67baff rgb(103,186,255)
```
#7bc3ff
```
#7bc3ff rgb(123,195,255)
```
#8eccff
```
#8eccff rgb(142,204,255)
```
#a2d5ff
```
#a2d5ff rgb(162,213,255)
```
#b6ddff
```
#b6ddff rgb(182,221,255)
```
#c9e6ff
```
#c9e6ff rgb(201,230,255)
```
#ddefff
```
#ddefff rgb(221,239,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5257 is the less saturated color, while #0058a2 is the most saturated one.

#4b5257
```
#4b5257 rgb(75,82,87)
```
#45525d
```
#45525d rgb(69,82,93)
```
#3e5364
```
#3e5364 rgb(62,83,100)
```
#38536a
```
#38536a rgb(56,83,106)
```
#325470
```
#325470 rgb(50,84,112)
```
#2c5476
```
#2c5476 rgb(44,84,118)
```
#25557d
```
#25557d rgb(37,85,125)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#195689
```
#195689 rgb(25,86,137)
```
#13568f
```
#13568f rgb(19,86,143)
```
#0c5796
```
#0c5796 rgb(12,87,150)
```
#06579c
```
#06579c rgb(6,87,156)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```

Tone Color Variation

Below, you can see how #0058a2 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

#464646 Achromatopsia 0.005% of the population
#384a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395da4 Protanopia 1% of men
#0061a2 Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#245ba3 Protanomaly 1% of men, 0.01% of women
#005ea2 Deuteranomaly 6% of men, 0.4% of women
#006381 Tritanomaly 0.01% of the population

#0058a2 hex color

#0058a2 Color Information

#0058a2 Color Conversion

Color Schemes with #0058a2

Alternatives to #0058a2

#0058a2 Preview

Shades and Tints of #0058a2

Tones of #0058a2

Color Blindness Simulator