#0058f9 hex color

In a RGB color space, hex #0058f9 is composed of 0% red, 34.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 64.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 218.8 degrees, a saturation of 100% and a lightness of 48.8%. #0058f9 color hex could be obtained by blending #00b0ff with #0000f3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 35
- B 98
RGB color chart
- C 100
- M 65
- Y 0
- K 2
CMYK color chart

● #0058f9 color description : Pure (or mostly pure) blue.

The hexadecimal color #0058f9 has RGB values of R:0, G:88, B:249 and CMYK values of C:1, M:0.65, Y:0, K:0.02. Its decimal value is 22777.

Hex triplet	0058f9	`#0058f9`
RGB Decimal	0, 88, 249	`rgb(0,88,249)`
RGB Percent	0, 34.5, 97.6	`rgb(0%,34.5%,97.6%)`
CMYK	100, 65, 0, 2
HSL	218.8°, 100, 48.8	`hsl(218.8,100%,48.8%)`
HSV (or HSB)	218.8°, 100, 97.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.97, 41.777, -85.131
XYZ	20.585, 13.817, 91.199
xyY	0.164, 0.11, 13.817
CIE-LCH	43.97, 94.829, 296.139
CIE-LUV	43.97, -19.225, -125.948
Hunter-Lab	37.172, 33.8, -119.446
Binary	00000000, 01011000, 11111001

#0058f9
```
#0058f9 rgb(0,88,249)
```
#f9a100
```
#f9a100 rgb(249,161,0)
```

Complementary Color

#00d5f9
```
#00d5f9 rgb(0,213,249)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#2400f9
```
#2400f9 rgb(36,0,249)
```

Analogous Color

#d5f900
```
#d5f900 rgb(213,249,0)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#f92400
```
#f92400 rgb(249,36,0)
```

Split Complementary Color

#58f900
```
#58f900 rgb(88,249,0)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#f90058
```
#f90058 rgb(249,0,88)
```

Triadic Color

#00f9a1
```
#00f9a1 rgb(0,249,161)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#f90058
```
#f90058 rgb(249,0,88)
```
#f9a100
```
#f9a100 rgb(249,161,0)
```

Tetradic Color

#003dad
```
#003dad rgb(0,61,173)
```
#0046c6
```
#0046c6 rgb(0,70,198)
```
#004fe0
```
#004fe0 rgb(0,79,224)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#1467ff
```
#1467ff rgb(20,103,255)
```
#2d77ff
```
#2d77ff rgb(45,119,255)
```
#4788ff
```
#4788ff rgb(71,136,255)
```

Monochromatic Color

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

#0096f9
```
#0096f9 rgb(0,150,249)
```
#0082f9
```
#0082f9 rgb(0,130,249)
```
#006df9
```
#006df9 rgb(0,109,249)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```
#0043f9
```
#0043f9 rgb(0,67,249)
```
#002ff9
```
#002ff9 rgb(0,47,249)
```
#001af9
```
#001af9 rgb(0,26,249)
```

Similar Colors

Text with hexadecimal color #0058f9

This text has a font color of #0058f9.

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

#0058f9 background color

This paragraph has a background color of #0058f9.

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

#0058f9 border color

This element has a border color of #0058f9.

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

CSS codes

.text {color:#0058f9;}

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

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

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, #00050e is the darkest color, while #f9fbff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#000c21
```
#000c21 rgb(0,12,33)
```
#001335
```
#001335 rgb(0,19,53)
```
#001a48
```
#001a48 rgb(0,26,72)
```
#00215c
```
#00215c rgb(0,33,92)
```
#002770
```
#002770 rgb(0,39,112)
```
#002e83
```
#002e83 rgb(0,46,131)
```
#003597
```
#003597 rgb(0,53,151)
```
#003cab
```
#003cab rgb(0,60,171)
```
#0043be
```
#0043be rgb(0,67,190)
```
#004ad2
```
#004ad2 rgb(0,74,210)
```
#0051e5
```
#0051e5 rgb(0,81,229)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```

Shade Color Variation

#0e63ff
```
#0e63ff rgb(14,99,255)
```
#2170ff
```
#2170ff rgb(33,112,255)
```
#357cff
```
#357cff rgb(53,124,255)
```
#4889ff
```
#4889ff rgb(72,137,255)
```
#5c96ff
```
#5c96ff rgb(92,150,255)
```
#70a2ff
```
#70a2ff rgb(112,162,255)
```
#83afff
```
#83afff rgb(131,175,255)
```
#97bcff
```
#97bcff rgb(151,188,255)
```
#abc8ff
```
#abc8ff rgb(171,200,255)
```
#bed5ff
```
#bed5ff rgb(190,213,255)
```
#d2e2ff
```
#d2e2ff rgb(210,226,255)
```
#e5eeff
```
#e5eeff rgb(229,238,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#737a86
```
#737a86 rgb(115,122,134)
```
#697790
```
#697790 rgb(105,119,144)
```
#607499
```
#607499 rgb(96,116,153)
```
#5671a3
```
#5671a3 rgb(86,113,163)
```
#4d6eac
```
#4d6eac rgb(77,110,172)
```
#436cb6
```
#436cb6 rgb(67,108,182)
```
#3969c0
```
#3969c0 rgb(57,105,192)
```
#3066c9
```
#3066c9 rgb(48,102,201)
```
#2663d3
```
#2663d3 rgb(38,99,211)
```
#1d60dc
```
#1d60dc rgb(29,96,220)
```
#135ee6
```
#135ee6 rgb(19,94,230)
```
#0a5bef
```
#0a5bef rgb(10,91,239)
```
#0058f9
```
#0058f9 rgb(0,88,249)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#405272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0065e1 Protanomaly 1% of men, 0.01% of women
#0069cf Deuteranomaly 6% of men, 0.4% of women
#006eac Tritanomaly 0.01% of the population

#0058f9 hex color

#0058f9 Color Information

#0058f9 Color Conversion

Color Schemes with #0058f9

Alternatives to #0058f9

#0058f9 Preview

Shades and Tints of #0058f9

Tones of #0058f9

Color Blindness Simulator