#4158ed hex color

In a RGB color space, hex #4158ed is composed of 25.5% red, 34.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 62.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 232 degrees, a saturation of 82.7% and a lightness of 59.2%. #4158ed color hex could be obtained by blending #82b0ff with #0000db. Closest websafe color is: #3366ff.

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

● #4158ed color description : Bright blue.

The hexadecimal color #4158ed has RGB values of R:65, G:88, B:237 and CMYK values of C:0.73, M:0.63, Y:0, K:0.07. Its decimal value is 4282605.

Hex triplet	4158ed	`#4158ed`
RGB Decimal	65, 88, 237	`rgb(65,88,237)`
RGB Percent	25.5, 34.5, 92.9	`rgb(25.5%,34.5%,92.9%)`
CMYK	73, 63, 0, 7
HSL	232°, 82.7, 59.2	`hsl(232,82.7%,59.2%)`
HSV (or HSB)	232°, 72.6, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.542, 41.089, -77.399
XYZ	20.953, 14.216, 81.756
xyY	0.179, 0.122, 14.216
CIE-LCH	44.542, 87.63, 297.962
CIE-LUV	44.542, -13.341, -116.667
Hunter-Lab	37.705, 33.21, -102.167
Binary	01000001, 01011000, 11101101

#4158ed
```
#4158ed rgb(65,88,237)
```
#edd641
```
#edd641 rgb(237,214,65)
```

Complementary Color

#41aeed
```
#41aeed rgb(65,174,237)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#8041ed
```
#8041ed rgb(128,65,237)
```

Analogous Color

#aeed41
```
#aeed41 rgb(174,237,65)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#ed8041
```
#ed8041 rgb(237,128,65)
```

Split Complementary Color

#58ed41
```
#58ed41 rgb(88,237,65)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```

Triadic Color

#41edd6
```
#41edd6 rgb(65,237,214)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#edd641
```
#edd641 rgb(237,214,65)
```

Tetradic Color

#142cce
```
#142cce rgb(20,44,206)
```
#1631e5
```
#1631e5 rgb(22,49,229)
```
#2a44eb
```
#2a44eb rgb(42,68,235)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#586cef
```
#586cef rgb(88,108,239)
```
#7081f1
```
#7081f1 rgb(112,129,241)
```
#8795f4
```
#8795f4 rgb(135,149,244)
```

Monochromatic Color

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

#4183ed
```
#4183ed rgb(65,131,237)
```
#4175ed
```
#4175ed rgb(65,117,237)
```
#4166ed
```
#4166ed rgb(65,102,237)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#414aed
```
#414aed rgb(65,74,237)
```
#4741ed
```
#4741ed rgb(71,65,237)
```
#5541ed
```
#5541ed rgb(85,65,237)
```

Similar Colors

Text with hexadecimal color #4158ed

This text has a font color of #4158ed.

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

#4158ed background color

This paragraph has a background color of #4158ed.

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

#4158ed border color

This element has a border color of #4158ed.

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

CSS codes

.text {color:#4158ed;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020519
```
#020519 rgb(2,5,25)
```
#04092b
```
#04092b rgb(4,9,43)
```
#060d3d
```
#060d3d rgb(6,13,61)
```
#07114f
```
#07114f rgb(7,17,79)
```
#091561
```
#091561 rgb(9,21,97)
```
#0b1973
```
#0b1973 rgb(11,25,115)
```
#0d1d85
```
#0d1d85 rgb(13,29,133)
```
#0e2096
```
#0e2096 rgb(14,32,150)
```
#1024a8
```
#1024a8 rgb(16,36,168)
```
#1228ba
```
#1228ba rgb(18,40,186)
```
#132ccc
```
#132ccc rgb(19,44,204)
```
#1530de
```
#1530de rgb(21,48,222)
```

Shade Color Variation

#1d39ea
```
#1d39ea rgb(29,57,234)
```
#2f48eb
```
#2f48eb rgb(47,72,235)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#5368ef
```
#5368ef rgb(83,104,239)
```
#6577f0
```
#6577f0 rgb(101,119,240)
```
#7787f2
```
#7787f2 rgb(119,135,242)
```
#8997f4
```
#8997f4 rgb(137,151,244)
```
#9ba7f5
```
#9ba7f5 rgb(155,167,245)
```
#adb6f7
```
#adb6f7 rgb(173,182,247)
```
#bec6f9
```
#bec6f9 rgb(190,198,249)
```
#d0d6fb
```
#d0d6fb rgb(208,214,251)
```
#e2e6fc
```
#e2e6fc rgb(226,230,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

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

#91939d
```
#91939d rgb(145,147,157)
```
#898da5
```
#898da5 rgb(137,141,165)
```
#8187ad
```
#8187ad rgb(129,135,173)
```
#7981b5
```
#7981b5 rgb(121,129,181)
```
#717bbd
```
#717bbd rgb(113,123,189)
```
#6975c5
```
#6975c5 rgb(105,117,197)
```
#616fcd
```
#616fcd rgb(97,111,205)
```
#596ad5
```
#596ad5 rgb(89,106,213)
```
#5164dd
```
#5164dd rgb(81,100,221)
```
#495ee5
```
#495ee5 rgb(73,94,229)
```
#4158ed
```
#4158ed rgb(65,88,237)
```
#3952f5
```
#3952f5 rgb(57,82,245)
```
#314cfd
```
#314cfd rgb(49,76,253)
```

Tone Color Variation

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

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

Trichromacy

#1765de Protanomaly 1% of men, 0.01% of women
#1769cd Deuteranomaly 6% of men, 0.4% of women
#176fa9 Tritanomaly 0.01% of the population

#4158ed hex color

#4158ed Color Information

#4158ed Color Conversion

Color Schemes with #4158ed

Alternatives to #4158ed

#4158ed Preview

Shades and Tints of #4158ed

Tones of #4158ed

Color Blindness Simulator