#2058f6 hex color

In a RGB color space, hex #2058f6 is composed of 12.5% red, 34.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 64.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 224.3 degrees, a saturation of 92.2% and a lightness of 54.5%. #2058f6 color hex could be obtained by blending #40b0ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 35
- B 96
RGB color chart
- C 87
- M 64
- Y 0
- K 4
CMYK color chart

● #2058f6 color description : Vivid blue.

The hexadecimal color #2058f6 has RGB values of R:32, G:88, B:246 and CMYK values of C:0.87, M:0.64, Y:0, K:0.04. Its decimal value is 2119926.

Hex triplet	2058f6	`#2058f6`
RGB Decimal	32, 88, 246	`rgb(32,88,246)`
RGB Percent	12.5, 34.5, 96.5	`rgb(12.5%,34.5%,96.5%)`
CMYK	87, 64, 0, 4
HSL	224.3°, 92.2, 54.5	`hsl(224.3,92.2%,54.5%)`
HSV (or HSB)	224.3°, 87, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.145, 41.66, -83.149
XYZ	20.716, 13.939, 88.782
xyY	0.168, 0.113, 13.939
CIE-LCH	44.145, 93.001, 296.612
CIE-LUV	44.145, -17.687, -123.666
Hunter-Lab	37.335, 33.712, -114.859
Binary	00100000, 01011000, 11110110

#2058f6
```
#2058f6 rgb(32,88,246)
```
#f6be20
```
#f6be20 rgb(246,190,32)
```

Complementary Color

#20c3f6
```
#20c3f6 rgb(32,195,246)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#5320f6
```
#5320f6 rgb(83,32,246)
```

Analogous Color

#c3f620
```
#c3f620 rgb(195,246,32)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#f65320
```
#f65320 rgb(246,83,32)
```

Split Complementary Color

#58f620
```
#58f620 rgb(88,246,32)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#f62058
```
#f62058 rgb(246,32,88)
```

Triadic Color

#20f6be
```
#20f6be rgb(32,246,190)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#f62058
```
#f62058 rgb(246,32,88)
```
#f6be20
```
#f6be20 rgb(246,190,32)
```

Tetradic Color

#0838c2
```
#0838c2 rgb(8,56,194)
```
#0940da
```
#0940da rgb(9,64,218)
```
#0a47f3
```
#0a47f3 rgb(10,71,243)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#396af7
```
#396af7 rgb(57,106,247)
```
#517df8
```
#517df8 rgb(81,125,248)
```
#6a8ff9
```
#6a8ff9 rgb(106,143,249)
```

Monochromatic Color

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

#208ef6
```
#208ef6 rgb(32,142,246)
```
#207cf6
```
#207cf6 rgb(32,124,246)
```
#206af6
```
#206af6 rgb(32,106,246)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#2046f6
```
#2046f6 rgb(32,70,246)
```
#2034f6
```
#2034f6 rgb(32,52,246)
```
#2022f6
```
#2022f6 rgb(32,34,246)
```

Similar Colors

Text with hexadecimal color #2058f6

This text has a font color of #2058f6.

<span style="color:#2058f6;">Text here</span>

#2058f6 background color

This paragraph has a background color of #2058f6.

<p style="background-color:#2058f6;">Content here</p>

#2058f6 border color

This element has a border color of #2058f6.

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

CSS codes

.text {color:#2058f6;}

.background {background-color:#2058f6;}

.border {border:1px solid #2058f6;}

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

#000103
```
#000103 rgb(0,1,3)
```
#010616
```
#010616 rgb(1,6,22)
```
#020c29
```
#020c29 rgb(2,12,41)
```
#02113c
```
#02113c rgb(2,17,60)
```
#03174f
```
#03174f rgb(3,23,79)
```
#041c62
```
#041c62 rgb(4,28,98)
```
#052274
```
#052274 rgb(5,34,116)
```
#052787
```
#052787 rgb(5,39,135)
```
#062d9a
```
#062d9a rgb(6,45,154)
```
#0732ad
```
#0732ad rgb(7,50,173)
```
#0838c0
```
#0838c0 rgb(8,56,192)
```
#093dd3
```
#093dd3 rgb(9,61,211)
```
#0943e6
```
#0943e6 rgb(9,67,230)
```

Shade Color Variation

#0d4af5
```
#0d4af5 rgb(13,74,245)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#3366f7
```
#3366f7 rgb(51,102,247)
```
#4674f8
```
#4674f8 rgb(70,116,248)
```
#5982f8
```
#5982f8 rgb(89,130,248)
```
#6b90f9
```
#6b90f9 rgb(107,144,249)
```
#7e9ffa
```
#7e9ffa rgb(126,159,250)
```
#91adfb
```
#91adfb rgb(145,173,251)
```
#a4bbfb
```
#a4bbfb rgb(164,187,251)
```
#b7c9fc
```
#b7c9fc rgb(183,201,252)
```
#cad7fd
```
#cad7fd rgb(202,215,253)
```
#dde5fe
```
#dde5fe rgb(221,229,254)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#828794
```
#828794 rgb(130,135,148)
```
#79839d
```
#79839d rgb(121,131,157)
```
#707ea6
```
#707ea6 rgb(112,126,166)
```
#677aaf
```
#677aaf rgb(103,122,175)
```
#5e76b8
```
#5e76b8 rgb(94,118,184)
```
#5672c0
```
#5672c0 rgb(86,114,192)
```
#4d6dc9
```
#4d6dc9 rgb(77,109,201)
```
#4469d2
```
#4469d2 rgb(68,105,210)
```
#3b65db
```
#3b65db rgb(59,101,219)
```
#3261e4
```
#3261e4 rgb(50,97,228)
```
#295ced
```
#295ced rgb(41,92,237)
```
#2058f6
```
#2058f6 rgb(32,88,246)
```
#1754ff
```
#1754ff rgb(23,84,255)
```

Tone Color Variation

Below, you can see how #2058f6 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

#595959 Achromatopsia 0.005% of the population
#4e5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0b65e0 Protanomaly 1% of men, 0.01% of women
#0b69ce Deuteranomaly 6% of men, 0.4% of women
#0b6eab Tritanomaly 0.01% of the population

#2058f6 hex color

#2058f6 Color Information

#2058f6 Color Conversion

Color Schemes with #2058f6

Alternatives to #2058f6

#2058f6 Preview

Shades and Tints of #2058f6

Tones of #2058f6

Color Blindness Simulator