#4158ec hex color

In a RGB color space, hex #4158ec is composed of 25.5% red, 34.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 62.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.9 degrees, a saturation of 81.8% and a lightness of 59%. #4158ec color hex could be obtained by blending #82b0ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 35
- B 93
RGB color chart
- C 72
- M 63
- Y 0
- K 7
CMYK color chart

● #4158ec color description : Bright blue.

The hexadecimal color #4158ec has RGB values of R:65, G:88, B:236 and CMYK values of C:0.72, M:0.63, Y:0, K:0.07. Its decimal value is 4282604.

Hex triplet	4158ec	`#4158ec`
RGB Decimal	65, 88, 236	`rgb(65,88,236)`
RGB Percent	25.5, 34.5, 92.5	`rgb(25.5%,34.5%,92.5%)`
CMYK	72, 63, 0, 7
HSL	231.9°, 81.8, 59	`hsl(231.9,81.8%,59%)`
HSV (or HSB)	231.9°, 72.5, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.459, 40.744, -76.972
XYZ	20.807, 14.158, 80.989
xyY	0.179, 0.122, 14.158
CIE-LCH	44.459, 87.09, 297.894
CIE-LUV	44.459, -13.319, -116.01
Hunter-Lab	37.627, 32.858, -101.276
Binary	01000001, 01011000, 11101100

#4158ec
```
#4158ec rgb(65,88,236)
```
#ecd541
```
#ecd541 rgb(236,213,65)
```

Complementary Color

#41aeec
```
#41aeec rgb(65,174,236)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#8041ec
```
#8041ec rgb(128,65,236)
```

Analogous Color

#aeec41
```
#aeec41 rgb(174,236,65)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#ec8041
```
#ec8041 rgb(236,128,65)
```

Split Complementary Color

#58ec41
```
#58ec41 rgb(88,236,65)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#ec4158
```
#ec4158 rgb(236,65,88)
```

Triadic Color

#41ecd5
```
#41ecd5 rgb(65,236,213)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#ec4158
```
#ec4158 rgb(236,65,88)
```
#ecd541
```
#ecd541 rgb(236,213,65)
```

Tetradic Color

#142dcc
```
#142dcc rgb(20,45,204)
```
#1732e3
```
#1732e3 rgb(23,50,227)
```
#2a44ea
```
#2a44ea rgb(42,68,234)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#586cee
```
#586cee rgb(88,108,238)
```
#6f81f1
```
#6f81f1 rgb(111,129,241)
```
#8795f3
```
#8795f3 rgb(135,149,243)
```

Monochromatic Color

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

#4183ec
```
#4183ec rgb(65,131,236)
```
#4175ec
```
#4175ec rgb(65,117,236)
```
#4166ec
```
#4166ec rgb(65,102,236)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#414aec
```
#414aec rgb(65,74,236)
```
#4741ec
```
#4741ec rgb(71,65,236)
```
#5541ec
```
#5541ec rgb(85,65,236)
```

Similar Colors

Text with hexadecimal color #4158ec

This text has a font color of #4158ec.

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

#4158ec background color

This paragraph has a background color of #4158ec.

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

#4158ec border color

This element has a border color of #4158ec.

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

CSS codes

.text {color:#4158ec;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020518
```
#020518 rgb(2,5,24)
```
#04092a
```
#04092a rgb(4,9,42)
```
#060d3c
```
#060d3c rgb(6,13,60)
```
#08114d
```
#08114d rgb(8,17,77)
```
#0a155f
```
#0a155f rgb(10,21,95)
```
#0b1971
```
#0b1971 rgb(11,25,113)
```
#0d1d83
```
#0d1d83 rgb(13,29,131)
```
#0f2195
```
#0f2195 rgb(15,33,149)
```
#1125a7
```
#1125a7 rgb(17,37,167)
```
#1229b8
```
#1229b8 rgb(18,41,184)
```
#142dca
```
#142dca rgb(20,45,202)
```
#1631dc
```
#1631dc rgb(22,49,220)
```

Shade Color Variation

#1d39e8
```
#1d39e8 rgb(29,57,232)
```
#2f48ea
```
#2f48ea rgb(47,72,234)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#5368ee
```
#5368ee rgb(83,104,238)
```
#6577f0
```
#6577f0 rgb(101,119,240)
```
#7687f1
```
#7687f1 rgb(118,135,241)
```
#8897f3
```
#8897f3 rgb(136,151,243)
```
#9aa6f5
```
#9aa6f5 rgb(154,166,245)
```
#acb6f7
```
#acb6f7 rgb(172,182,247)
```
#bec6f8
```
#bec6f8 rgb(190,198,248)
```
#d0d5fa
```
#d0d5fa rgb(208,213,250)
```
#e1e5fc
```
#e1e5fc rgb(225,229,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#91939c
```
#91939c rgb(145,147,156)
```
#898da4
```
#898da4 rgb(137,141,164)
```
#8187ac
```
#8187ac rgb(129,135,172)
```
#7981b4
```
#7981b4 rgb(121,129,180)
```
#717bbc
```
#717bbc rgb(113,123,188)
```
#6975c4
```
#6975c4 rgb(105,117,196)
```
#6170cc
```
#6170cc rgb(97,112,204)
```
#596ad4
```
#596ad4 rgb(89,106,212)
```
#5164dc
```
#5164dc rgb(81,100,220)
```
#495ee4
```
#495ee4 rgb(73,94,228)
```
#4158ec
```
#4158ec rgb(65,88,236)
```
#3952f4
```
#3952f4 rgb(57,82,244)
```
#314cfc
```
#314cfc rgb(49,76,252)
```

Tone Color Variation

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

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1765dd Protanomaly 1% of men, 0.01% of women
#1769cc Deuteranomaly 6% of men, 0.4% of women
#176ea9 Tritanomaly 0.01% of the population

#4158ec hex color

#4158ec Color Information

#4158ec Color Conversion

Color Schemes with #4158ec

Alternatives to #4158ec

#4158ec Preview

Shades and Tints of #4158ec

Tones of #4158ec

Color Blindness Simulator