#4158e4 hex color

In a RGB color space, hex #4158e4 is composed of 25.5% red, 34.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 61.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 231.5 degrees, a saturation of 75.1% and a lightness of 57.5%. #4158e4 color hex could be obtained by blending #82b0ff with #0000c9. Closest websafe color is: #3366cc.

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

● #4158e4 color description : Bright blue.

The hexadecimal color #4158e4 has RGB values of R:65, G:88, B:228 and CMYK values of C:0.71, M:0.61, Y:0, K:0.11. Its decimal value is 4282596.

Hex triplet	4158e4	`#4158e4`
RGB Decimal	65, 88, 228	`rgb(65,88,228)`
RGB Percent	25.5, 34.5, 89.4	`rgb(25.5%,34.5%,89.4%)`
CMYK	71, 61, 0, 11
HSL	231.5°, 75.1, 57.5	`hsl(231.5,75.1%,57.5%)`
HSV (or HSB)	231.5°, 71.5, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.805, 37.974, -73.521
XYZ	19.67, 13.703, 75.003
xyY	0.182, 0.126, 13.703
CIE-LCH	43.805, 82.748, 297.317
CIE-LUV	43.805, -13.144, -110.707
Hunter-Lab	37.018, 30.068, -94.215
Binary	01000001, 01011000, 11100100

#4158e4
```
#4158e4 rgb(65,88,228)
```
#e4cd41
```
#e4cd41 rgb(228,205,65)
```

Complementary Color

#41aae4
```
#41aae4 rgb(65,170,228)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#7c41e4
```
#7c41e4 rgb(124,65,228)
```

Analogous Color

#aae441
```
#aae441 rgb(170,228,65)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#e47c41
```
#e47c41 rgb(228,124,65)
```

Split Complementary Color

#58e441
```
#58e441 rgb(88,228,65)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#e44158
```
#e44158 rgb(228,65,88)
```

Triadic Color

#41e4cd
```
#41e4cd rgb(65,228,205)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#e44158
```
#e44158 rgb(228,65,88)
```
#e4cd41
```
#e4cd41 rgb(228,205,65)
```

Tetradic Color

#1b32be
```
#1b32be rgb(27,50,190)
```
#1e38d4
```
#1e38d4 rgb(30,56,212)
```
#2b44e1
```
#2b44e1 rgb(43,68,225)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#576ce7
```
#576ce7 rgb(87,108,231)
```
#6e7fea
```
#6e7fea rgb(110,127,234)
```
#8493ee
```
#8493ee rgb(132,147,238)
```

Monochromatic Color

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

#4181e4
```
#4181e4 rgb(65,129,228)
```
#4173e4
```
#4173e4 rgb(65,115,228)
```
#4166e4
```
#4166e4 rgb(65,102,228)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#414ae4
```
#414ae4 rgb(65,74,228)
```
#4541e4
```
#4541e4 rgb(69,65,228)
```
#5341e4
```
#5341e4 rgb(83,65,228)
```

Similar Colors

Text with hexadecimal color #4158e4

This text has a font color of #4158e4.

<span style="color:#4158e4;">Text here</span>

#4158e4 background color

This paragraph has a background color of #4158e4.

<p style="background-color:#4158e4;">Content here</p>

#4158e4 border color

This element has a border color of #4158e4.

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

CSS codes

.text {color:#4158e4;}

.background {background-color:#4158e4;}

.border {border:1px solid #4158e4;}

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)
```
#070d32
```
#070d32 rgb(7,13,50)
```
#0a1244
```
#0a1244 rgb(10,18,68)
```
#0c1655
```
#0c1655 rgb(12,22,85)
```
#0e1b66
```
#0e1b66 rgb(14,27,102)
```
#111f77
```
#111f77 rgb(17,31,119)
```
#132488
```
#132488 rgb(19,36,136)
```
#162899
```
#162899 rgb(22,40,153)
```
#182dab
```
#182dab rgb(24,45,171)
```
#1b31bc
```
#1b31bc rgb(27,49,188)
```
#1d36cd
```
#1d36cd rgb(29,54,205)
```
#203ade
```
#203ade rgb(32,58,222)
```

Shade Color Variation

#3049e2
```
#3049e2 rgb(48,73,226)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#5267e6
```
#5267e6 rgb(82,103,230)
```
#6376e9
```
#6376e9 rgb(99,118,233)
```
#7585eb
```
#7585eb rgb(117,133,235)
```
#8694ee
```
#8694ee rgb(134,148,238)
```
#97a3f0
```
#97a3f0 rgb(151,163,240)
```
#a8b3f3
```
#a8b3f3 rgb(168,179,243)
```
#b9c2f5
```
#b9c2f5 rgb(185,194,245)
```
#cad1f8
```
#cad1f8 rgb(202,209,248)
```
#dce0fa
```
#dce0fa rgb(220,224,250)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8c8e99
```
#8c8e99 rgb(140,142,153)
```
#8488a1
```
#8488a1 rgb(132,136,161)
```
#7b82aa
```
#7b82aa rgb(123,130,170)
```
#737cb2
```
#737cb2 rgb(115,124,178)
```
#6b76ba
```
#6b76ba rgb(107,118,186)
```
#6270c3
```
#6270c3 rgb(98,112,195)
```
#5a6acb
```
#5a6acb rgb(90,106,203)
```
#5264d3
```
#5264d3 rgb(82,100,211)
```
#495edc
```
#495edc rgb(73,94,220)
```
#4158e4
```
#4158e4 rgb(65,88,228)
```
#3952ec
```
#3952ec rgb(57,82,236)
```
#304cf5
```
#304cf5 rgb(48,76,245)
```
#2846fd
```
#2846fd rgb(40,70,253)
```

Tone Color Variation

Below, you can see how #4158e4 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
#5b5f7b 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

#4158e4 hex color

#4158e4 Color Information

#4158e4 Color Conversion

Color Schemes with #4158e4

Alternatives to #4158e4

#4158e4 Preview

Shades and Tints of #4158e4

Tones of #4158e4

Color Blindness Simulator