#3058e3 hex color

In a RGB color space, hex #3058e3 is composed of 18.8% red, 34.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 61.2% magenta, 0% yellow and 11% black. It has a hue angle of 226.6 degrees, a saturation of 76.2% and a lightness of 53.9%. #3058e3 color hex could be obtained by blending #60b0ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 89
RGB color chart
- C 79
- M 61
- Y 0
- K 11
CMYK color chart

● #3058e3 color description : Bright blue.

The hexadecimal color #3058e3 has RGB values of R:48, G:88, B:227 and CMYK values of C:0.79, M:0.61, Y:0, K:0.11. Its decimal value is 3168483.

Hex triplet	3058e3	`#3058e3`
RGB Decimal	48, 88, 227	`rgb(48,88,227)`
RGB Percent	18.8, 34.5, 89	`rgb(18.8%,34.5%,89%)`
CMYK	79, 61, 0, 11
HSL	226.6°, 76.2, 53.9	`hsl(226.6,76.2%,53.9%)`
HSV (or HSB)	226.6°, 78.9, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.992, 35.859, -74.312
XYZ	18.571, 13.153, 74.229
xyY	0.175, 0.124, 13.153
CIE-LCH	42.992, 82.511, 295.76
CIE-LUV	42.992, -15.903, -110.894
Hunter-Lab	36.266, 27.938, -95.966
Binary	00110000, 01011000, 11100011

#3058e3
```
#3058e3 rgb(48,88,227)
```
#e3bb30
```
#e3bb30 rgb(227,187,48)
```

Complementary Color

#30b2e3
```
#30b2e3 rgb(48,178,227)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#6130e3
```
#6130e3 rgb(97,48,227)
```

Analogous Color

#b2e330
```
#b2e330 rgb(178,227,48)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#e36230
```
#e36230 rgb(227,98,48)
```

Split Complementary Color

#58e330
```
#58e330 rgb(88,227,48)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#e33058
```
#e33058 rgb(227,48,88)
```

Triadic Color

#30e3bb
```
#30e3bb rgb(48,227,187)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#e33058
```
#e33058 rgb(227,48,88)
```
#e3bb30
```
#e3bb30 rgb(227,187,48)
```

Tetradic Color

#1839af
```
#1839af rgb(24,57,175)
```
#1b41c5
```
#1b41c5 rgb(27,65,197)
```
#1e48dc
```
#1e48dc rgb(30,72,220)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#466ae6
```
#466ae6 rgb(70,106,230)
```
#5d7ce9
```
#5d7ce9 rgb(93,124,233)
```
#738eec
```
#738eec rgb(115,142,236)
```

Monochromatic Color

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

#3085e3
```
#3085e3 rgb(48,133,227)
```
#3076e3
```
#3076e3 rgb(48,118,227)
```
#3067e3
```
#3067e3 rgb(48,103,227)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#3049e3
```
#3049e3 rgb(48,73,227)
```
#303ae3
```
#303ae3 rgb(48,58,227)
```
#3530e3
```
#3530e3 rgb(53,48,227)
```

Similar Colors

Text with hexadecimal color #3058e3

This text has a font color of #3058e3.

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

#3058e3 background color

This paragraph has a background color of #3058e3.

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

#3058e3 border color

This element has a border color of #3058e3.

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

CSS codes

.text {color:#3058e3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020612
```
#020612 rgb(2,6,18)
```
#050b23
```
#050b23 rgb(5,11,35)
```
#071134
```
#071134 rgb(7,17,52)
```
#091745
```
#091745 rgb(9,23,69)
```
#0c1c57
```
#0c1c57 rgb(12,28,87)
```
#0e2268
```
#0e2268 rgb(14,34,104)
```
#102879
```
#102879 rgb(16,40,121)
```
#132e8b
```
#132e8b rgb(19,46,139)
```
#15339c
```
#15339c rgb(21,51,156)
```
#1739ad
```
#1739ad rgb(23,57,173)
```
#1a3fbe
```
#1a3fbe rgb(26,63,190)
```
#1c44d0
```
#1c44d0 rgb(28,68,208)
```

Shade Color Variation

#1f4ae1
```
#1f4ae1 rgb(31,74,225)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#4166e5
```
#4166e5 rgb(65,102,229)
```
#5374e8
```
#5374e8 rgb(83,116,232)
```
#6482ea
```
#6482ea rgb(100,130,234)
```
#7590ec
```
#7590ec rgb(117,144,236)
```
#869eef
```
#869eef rgb(134,158,239)
```
#98acf1
```
#98acf1 rgb(152,172,241)
```
#a9baf3
```
#a9baf3 rgb(169,186,243)
```
#bac8f6
```
#bac8f6 rgb(186,200,246)
```
#ccd5f8
```
#ccd5f8 rgb(204,213,248)
```
#dde3fa
```
#dde3fa rgb(221,227,250)
```
#eef1fd
```
#eef1fd rgb(238,241,253)
```

Tint Color Variation

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

#818592
```
#818592 rgb(129,133,146)
```
#78809b
```
#78809b rgb(120,128,155)
```
#6f7ba4
```
#6f7ba4 rgb(111,123,164)
```
#6676ad
```
#6676ad rgb(102,118,173)
```
#5d71b6
```
#5d71b6 rgb(93,113,182)
```
#546cbf
```
#546cbf rgb(84,108,191)
```
#4b67c8
```
#4b67c8 rgb(75,103,200)
```
#4262d1
```
#4262d1 rgb(66,98,209)
```
#395dda
```
#395dda rgb(57,93,218)
```
#3058e3
```
#3058e3 rgb(48,88,227)
```
#2753ec
```
#2753ec rgb(39,83,236)
```
#1e4ef5
```
#1e4ef5 rgb(30,78,245)
```
#1549fe
```
#1549fe rgb(21,73,254)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1163d6 Protanomaly 1% of men, 0.01% of women
#1167c5 Deuteranomaly 6% of men, 0.4% of women
#116ca3 Tritanomaly 0.01% of the population

#3058e3 hex color

#3058e3 Color Information

#3058e3 Color Conversion

Color Schemes with #3058e3

Alternatives to #3058e3

#3058e3 Preview

Shades and Tints of #3058e3

Tones of #3058e3

Color Blindness Simulator