#3058f8 hex color

In a RGB color space, hex #3058f8 is composed of 18.8% red, 34.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 64.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 228 degrees, a saturation of 93.5% and a lightness of 58%. #3058f8 color hex could be obtained by blending #60b0ff with #0000f1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 35
- B 97
RGB color chart
- C 81
- M 65
- Y 0
- K 3
CMYK color chart

● #3058f8 color description : Bright blue.

The hexadecimal color #3058f8 has RGB values of R:48, G:88, B:248 and CMYK values of C:0.81, M:0.65, Y:0, K:0.03. Its decimal value is 3168504.

Hex triplet	3058f8	`#3058f8`
RGB Decimal	48, 88, 248	`rgb(48,88,248)`
RGB Percent	18.8, 34.5, 97.3	`rgb(18.8%,34.5%,97.3%)`
CMYK	81, 65, 0, 3
HSL	228°, 93.5, 58	`hsl(228,93.5%,58%)`
HSV (or HSB)	228°, 80.6, 97.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.778, 43.377, -83.211
XYZ	21.648, 14.384, 90.437
xyY	0.171, 0.114, 14.384
CIE-LCH	44.778, 93.838, 297.532
CIE-LUV	44.778, -16.077, -124.495
Hunter-Lab	37.926, 35.52, -114.834
Binary	00110000, 01011000, 11111000

#3058f8
```
#3058f8 rgb(48,88,248)
```
#f8d030
```
#f8d030 rgb(248,208,48)
```

Complementary Color

#30bcf8
```
#30bcf8 rgb(48,188,248)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#6c30f8
```
#6c30f8 rgb(108,48,248)
```

Analogous Color

#bcf830
```
#bcf830 rgb(188,248,48)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#f86c30
```
#f86c30 rgb(248,108,48)
```

Split Complementary Color

#58f830
```
#58f830 rgb(88,248,48)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#f83058
```
#f83058 rgb(248,48,88)
```

Triadic Color

#30f8d0
```
#30f8d0 rgb(48,248,208)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#f83058
```
#f83058 rgb(248,48,88)
```
#f8d030
```
#f8d030 rgb(248,208,48)
```

Tetradic Color

#0730d4
```
#0730d4 rgb(7,48,212)
```
#0836ed
```
#0836ed rgb(8,54,237)
```
#1744f7
```
#1744f7 rgb(23,68,247)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#496cf9
```
#496cf9 rgb(73,108,249)
```
#6180fa
```
#6180fa rgb(97,128,250)
```
#7a94fb
```
#7a94fb rgb(122,148,251)
```

Monochromatic Color

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

#308af8
```
#308af8 rgb(48,138,248)
```
#3079f8
```
#3079f8 rgb(48,121,248)
```
#3069f8
```
#3069f8 rgb(48,105,248)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#3047f8
```
#3047f8 rgb(48,71,248)
```
#3037f8
```
#3037f8 rgb(48,55,248)
```
#3a30f8
```
#3a30f8 rgb(58,48,248)
```

Similar Colors

Text with hexadecimal color #3058f8

This text has a font color of #3058f8.

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

#3058f8 background color

This paragraph has a background color of #3058f8.

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

#3058f8 border color

This element has a border color of #3058f8.

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

CSS codes

.text {color:#3058f8;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010515
```
#010515 rgb(1,5,21)
```
#010928
```
#010928 rgb(1,9,40)
```
#020d3b
```
#020d3b rgb(2,13,59)
```
#03124e
```
#03124e rgb(3,18,78)
```
#031661
```
#031661 rgb(3,22,97)
```
#041a74
```
#041a74 rgb(4,26,116)
```
#051f87
```
#051f87 rgb(5,31,135)
```
#05239a
```
#05239a rgb(5,35,154)
```
#0627ac
```
#0627ac rgb(6,39,172)
```
#062bbf
```
#062bbf rgb(6,43,191)
```
#0730d2
```
#0730d2 rgb(7,48,210)
```
#0834e5
```
#0834e5 rgb(8,52,229)
```

Shade Color Variation

#0a39f7
```
#0a39f7 rgb(10,57,247)
```
#1d49f7
```
#1d49f7 rgb(29,73,247)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```
#4367f9
```
#4367f9 rgb(67,103,249)
```
#5677f9
```
#5677f9 rgb(86,119,249)
```
#6986fa
```
#6986fa rgb(105,134,250)
```
#7c95fb
```
#7c95fb rgb(124,149,251)
```
#8fa5fb
```
#8fa5fb rgb(143,165,251)
```
#a2b4fc
```
#a2b4fc rgb(162,180,252)
```
#b5c3fc
```
#b5c3fc rgb(181,195,252)
```
#c8d2fd
```
#c8d2fd rgb(200,210,253)
```
#dbe2fe
```
#dbe2fe rgb(219,226,254)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

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

#939395
```
#939395 rgb(147,147,149)
```
#8b8e9d
```
#8b8e9d rgb(139,142,157)
```
#8289a6
```
#8289a6 rgb(130,137,166)
```
#7a84ae
```
#7a84ae rgb(122,132,174)
```
#7280b6
```
#7280b6 rgb(114,128,182)
```
#6a7bbe
```
#6a7bbe rgb(106,123,190)
```
#6176c7
```
#6176c7 rgb(97,118,199)
```
#5971cf
```
#5971cf rgb(89,113,207)
```
#516cd7
```
#516cd7 rgb(81,108,215)
```
#4967df
```
#4967df rgb(73,103,223)
```
#4062e8
```
#4062e8 rgb(64,98,232)
```
#385df0
```
#385df0 rgb(56,93,240)
```
#3058f8
```
#3058f8 rgb(48,88,248)
```

Tone Color Variation

Below, you can see how #3058f8 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
#555d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1166e3 Protanomaly 1% of men, 0.01% of women
#116ad1 Deuteranomaly 6% of men, 0.4% of women
#116fad Tritanomaly 0.01% of the population

#3058f8 hex color

#3058f8 Color Information

#3058f8 Color Conversion

Color Schemes with #3058f8

Alternatives to #3058f8

#3058f8 Preview

Shades and Tints of #3058f8

Tones of #3058f8

Color Blindness Simulator