#4158ef hex color

In a RGB color space, hex #4158ef is composed of 25.5% red, 34.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 63.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 232.1 degrees, a saturation of 84.5% and a lightness of 59.6%. #4158ef color hex could be obtained by blending #82b0ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 35
- B 94
RGB color chart
- C 73
- M 63
- Y 0
- K 6
CMYK color chart

● #4158ef color description : Bright blue.

The hexadecimal color #4158ef has RGB values of R:65, G:88, B:239 and CMYK values of C:0.73, M:0.63, Y:0, K:0.06. Its decimal value is 4282607.

Hex triplet	4158ef	`#4158ef`
RGB Decimal	65, 88, 239	`rgb(65,88,239)`
RGB Percent	25.5, 34.5, 93.7	`rgb(25.5%,34.5%,93.7%)`
CMYK	73, 63, 0, 6
HSL	232.1°, 84.5, 59.6	`hsl(232.1,84.5%,59.6%)`
HSV (or HSB)	232.1°, 72.8, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.708, 41.777, -78.252
XYZ	21.246, 14.334, 83.304
xyY	0.179, 0.121, 14.334
CIE-LCH	44.708, 88.706, 298.097
CIE-LUV	44.708, -13.386, -117.975
Hunter-Lab	37.86, 33.916, -103.954
Binary	01000001, 01011000, 11101111

#4158ef
```
#4158ef rgb(65,88,239)
```
#efd841
```
#efd841 rgb(239,216,65)
```

Complementary Color

#41afef
```
#41afef rgb(65,175,239)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#8141ef
```
#8141ef rgb(129,65,239)
```

Analogous Color

#afef41
```
#afef41 rgb(175,239,65)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#ef8141
```
#ef8141 rgb(239,129,65)
```

Split Complementary Color

#58ef41
```
#58ef41 rgb(88,239,65)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#ef4158
```
#ef4158 rgb(239,65,88)
```

Triadic Color

#41efd8
```
#41efd8 rgb(65,239,216)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#ef4158
```
#ef4158 rgb(239,65,88)
```
#efd841
```
#efd841 rgb(239,216,65)
```

Tetradic Color

#122bd2
```
#122bd2 rgb(18,43,210)
```
#1430e9
```
#1430e9 rgb(20,48,233)
```
#2943ed
```
#2943ed rgb(41,67,237)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#596df1
```
#596df1 rgb(89,109,241)
```
#7081f3
```
#7081f3 rgb(112,129,243)
```
#8896f5
```
#8896f5 rgb(136,150,245)
```

Monochromatic Color

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

#4184ef
```
#4184ef rgb(65,132,239)
```
#4175ef
```
#4175ef rgb(65,117,239)
```
#4167ef
```
#4167ef rgb(65,103,239)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#414aef
```
#414aef rgb(65,74,239)
```
#4741ef
```
#4741ef rgb(71,65,239)
```
#5541ef
```
#5541ef rgb(85,65,239)
```

Similar Colors

Text with hexadecimal color #4158ef

This text has a font color of #4158ef.

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

#4158ef background color

This paragraph has a background color of #4158ef.

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

#4158ef border color

This element has a border color of #4158ef.

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

CSS codes

.text {color:#4158ef;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02061b
```
#02061b rgb(2,6,27)
```
#04092d
```
#04092d rgb(4,9,45)
```
#050d3f
```
#050d3f rgb(5,13,63)
```
#071151
```
#071151 rgb(7,17,81)
```
#081463
```
#081463 rgb(8,20,99)
```
#0a1876
```
#0a1876 rgb(10,24,118)
```
#0b1c88
```
#0b1c88 rgb(11,28,136)
```
#0d209a
```
#0d209a rgb(13,32,154)
```
#0e23ac
```
#0e23ac rgb(14,35,172)
```
#1027be
```
#1027be rgb(16,39,190)
```
#122bd0
```
#122bd0 rgb(18,43,208)
```
#132ee2
```
#132ee2 rgb(19,46,226)
```

Shade Color Variation

#1d38ec
```
#1d38ec rgb(29,56,236)
```
#2f48ed
```
#2f48ed rgb(47,72,237)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#5368f1
```
#5368f1 rgb(83,104,241)
```
#6578f2
```
#6578f2 rgb(101,120,242)
```
#7788f4
```
#7788f4 rgb(119,136,244)
```
#8998f5
```
#8998f5 rgb(137,152,245)
```
#9ba8f7
```
#9ba8f7 rgb(155,168,247)
```
#aeb7f8
```
#aeb7f8 rgb(174,183,248)
```
#c0c7fa
```
#c0c7fa rgb(192,199,250)
```
#d2d7fb
```
#d2d7fb rgb(210,215,251)
```
#e4e7fd
```
#e4e7fd rgb(228,231,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9092a0 is the less saturated color, while #314cff is the most saturated one.

#9092a0
```
#9092a0 rgb(144,146,160)
```
#888ca8
```
#888ca8 rgb(136,140,168)
```
#8087b0
```
#8087b0 rgb(128,135,176)
```
#7881b8
```
#7881b8 rgb(120,129,184)
```
#717bbf
```
#717bbf rgb(113,123,191)
```
#6975c7
```
#6975c7 rgb(105,117,199)
```
#616fcf
```
#616fcf rgb(97,111,207)
```
#5969d7
```
#5969d7 rgb(89,105,215)
```
#5164df
```
#5164df rgb(81,100,223)
```
#495ee7
```
#495ee7 rgb(73,94,231)
```
#4158ef
```
#4158ef rgb(65,88,239)
```
#3952f7
```
#3952f7 rgb(57,82,247)
```
#314cff
```
#314cff rgb(49,76,255)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5b607e 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

#1766df Protanomaly 1% of men, 0.01% of women
#176ace Deuteranomaly 6% of men, 0.4% of women
#176faa Tritanomaly 0.01% of the population

#4158ef hex color

#4158ef Color Information

#4158ef Color Conversion

Color Schemes with #4158ef

Alternatives to #4158ef

#4158ef Preview

Shades and Tints of #4158ef

Tones of #4158ef

Color Blindness Simulator