#4058e5 hex color

In a RGB color space, hex #4058e5 is composed of 25.1% red, 34.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 61.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 231.3 degrees, a saturation of 76% and a lightness of 57.5%. #4058e5 color hex could be obtained by blending #80b0ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 35
- B 90
RGB color chart
- C 72
- M 62
- Y 0
- K 10
CMYK color chart

● #4058e5 color description : Bright blue.

The hexadecimal color #4058e5 has RGB values of R:64, G:88, B:229 and CMYK values of C:0.72, M:0.62, Y:0, K:0.1. Its decimal value is 4217061.

Hex triplet	4058e5	`#4058e5`
RGB Decimal	64, 88, 229	`rgb(64,88,229)`
RGB Percent	25.1, 34.5, 89.8	`rgb(25.1%,34.5%,89.8%)`
CMYK	72, 62, 0, 10
HSL	231.3°, 76, 57.5	`hsl(231.3,76%,57.5%)`
HSV (or HSB)	231.3°, 72.1, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.836, 38.205, -74.037
XYZ	19.744, 13.725, 75.733
xyY	0.181, 0.126, 13.725
CIE-LCH	43.836, 83.314, 297.295
CIE-LUV	43.836, -13.353, -111.434
Hunter-Lab	37.048, 30.295, -95.268
Binary	01000000, 01011000, 11100101

#4058e5
```
#4058e5 rgb(64,88,229)
```
#e5cd40
```
#e5cd40 rgb(229,205,64)
```

Complementary Color

#40abe5
```
#40abe5 rgb(64,171,229)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#7b40e5
```
#7b40e5 rgb(123,64,229)
```

Analogous Color

#abe540
```
#abe540 rgb(171,229,64)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#e57b40
```
#e57b40 rgb(229,123,64)
```

Split Complementary Color

#58e540
```
#58e540 rgb(88,229,64)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#e54058
```
#e54058 rgb(229,64,88)
```

Triadic Color

#40e5cd
```
#40e5cd rgb(64,229,205)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#e54058
```
#e54058 rgb(229,64,88)
```
#e5cd40
```
#e5cd40 rgb(229,205,64)
```

Tetradic Color

#1a32bf
```
#1a32bf rgb(26,50,191)
```
#1d38d5
```
#1d38d5 rgb(29,56,213)
```
#2a44e2
```
#2a44e2 rgb(42,68,226)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#566ce8
```
#566ce8 rgb(86,108,232)
```
#6d7feb
```
#6d7feb rgb(109,127,235)
```
#8393ee
```
#8393ee rgb(131,147,238)
```

Monochromatic Color

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

#4081e5
```
#4081e5 rgb(64,129,229)
```
#4074e5
```
#4074e5 rgb(64,116,229)
```
#4066e5
```
#4066e5 rgb(64,102,229)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#404ae5
```
#404ae5 rgb(64,74,229)
```
#4440e5
```
#4440e5 rgb(68,64,229)
```
#5140e5
```
#5140e5 rgb(81,64,229)
```

Similar Colors

Text with hexadecimal color #4058e5

This text has a font color of #4058e5.

<span style="color:#4058e5;">Text here</span>

#4058e5 background color

This paragraph has a background color of #4058e5.

<p style="background-color:#4058e5;">Content here</p>

#4058e5 border color

This element has a border color of #4058e5.

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

CSS codes

.text {color:#4058e5;}

.background {background-color:#4058e5;}

.border {border:1px solid #4058e5;}

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

#020410
```
#020410 rgb(2,4,16)
```
#050921
```
#050921 rgb(5,9,33)
```
#070d33
```
#070d33 rgb(7,13,51)
```
#091244
```
#091244 rgb(9,18,68)
```
#0c1655
```
#0c1655 rgb(12,22,85)
```
#0e1b67
```
#0e1b67 rgb(14,27,103)
```
#101f78
```
#101f78 rgb(16,31,120)
```
#132489
```
#132489 rgb(19,36,137)
```
#15289a
```
#15289a rgb(21,40,154)
```
#172dac
```
#172dac rgb(23,45,172)
```
#1a31bd
```
#1a31bd rgb(26,49,189)
```
#1c36ce
```
#1c36ce rgb(28,54,206)
```
#1e3adf
```
#1e3adf rgb(30,58,223)
```

Shade Color Variation

#2f49e3
```
#2f49e3 rgb(47,73,227)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#5167e7
```
#5167e7 rgb(81,103,231)
```
#6376ea
```
#6376ea rgb(99,118,234)
```
#7485ec
```
#7485ec rgb(116,133,236)
```
#8594ee
```
#8594ee rgb(133,148,238)
```
#96a3f1
```
#96a3f1 rgb(150,163,241)
```
#a8b3f3
```
#a8b3f3 rgb(168,179,243)
```
#b9c2f5
```
#b9c2f5 rgb(185,194,245)
```
#cad1f8
```
#cad1f8 rgb(202,209,248)
```
#dbe0fa
```
#dbe0fa rgb(219,224,250)
```
#edeffd
```
#edeffd rgb(237,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b8d9a
```
#8b8d9a rgb(139,141,154)
```
#8387a2
```
#8387a2 rgb(131,135,162)
```
#7a81ab
```
#7a81ab rgb(122,129,171)
```
#727cb3
```
#727cb3 rgb(114,124,179)
```
#6a76bb
```
#6a76bb rgb(106,118,187)
```
#6170c4
```
#6170c4 rgb(97,112,196)
```
#596acc
```
#596acc rgb(89,106,204)
```
#5164d4
```
#5164d4 rgb(81,100,212)
```
#485edd
```
#485edd rgb(72,94,221)
```
#4058e5
```
#4058e5 rgb(64,88,229)
```
#3852ed
```
#3852ed rgb(56,82,237)
```
#2f4cf6
```
#2f4cf6 rgb(47,76,246)
```
#2746fe
```
#2746fe rgb(39,70,254)
```

Tone Color Variation

Below, you can see how #4058e5 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

#616161 Achromatopsia 0.005% of the population
#5a5f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1764d9 Protanomaly 1% of men, 0.01% of women
#1768c8 Deuteranomaly 6% of men, 0.4% of women
#176da5 Tritanomaly 0.01% of the population

#4058e5 hex color

#4058e5 Color Information

#4058e5 Color Conversion

Color Schemes with #4058e5

Alternatives to #4058e5

#4058e5 Preview

Shades and Tints of #4058e5

Tones of #4058e5

Color Blindness Simulator