#4158b9 hex color

In a RGB color space, hex #4158b9 is composed of 25.5% red, 34.5% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 52.4% magenta, 0% yellow and 27.5% black. It has a hue angle of 228.5 degrees, a saturation of 48% and a lightness of 49%. #4158b9 color hex could be obtained by blending #82b0ff with #000073. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 35
- B 73
RGB color chart
- C 65
- M 52
- Y 0
- K 27
CMYK color chart

● #4158b9 color description : Moderate blue.

The hexadecimal color #4158b9 has RGB values of R:65, G:88, B:185 and CMYK values of C:0.65, M:0.52, Y:0, K:0.27. Its decimal value is 4282553.

Hex triplet	4158b9	`#4158b9`
RGB Decimal	65, 88, 185	`rgb(65,88,185)`
RGB Percent	25.5, 34.5, 72.5	`rgb(25.5%,34.5%,72.5%)`
CMYK	65, 52, 0, 27
HSL	228.5°, 48, 49	`hsl(228.5,48%,49%)`
HSV (or HSB)	228.5°, 64.9, 72.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.582, 22.816, -53.998
XYZ	14.425, 11.605, 47.376
xyY	0.197, 0.158, 11.605
CIE-LCH	40.582, 58.62, 292.906
CIE-LUV	40.582, -12.307, -80.419
Hunter-Lab	34.066, 15.966, -58.608
Binary	01000001, 01011000, 10111001

#4158b9
```
#4158b9 rgb(65,88,185)
```
#b9a241
```
#b9a241 rgb(185,162,65)
```

Complementary Color

#4194b9
```
#4194b9 rgb(65,148,185)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#6641b9
```
#6641b9 rgb(102,65,185)
```

Analogous Color

#94b941
```
#94b941 rgb(148,185,65)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#b96641
```
#b96641 rgb(185,102,65)
```

Split Complementary Color

#58b941
```
#58b941 rgb(88,185,65)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#b94158
```
#b94158 rgb(185,65,88)
```

Triadic Color

#41b9a2
```
#41b9a2 rgb(65,185,162)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#b94158
```
#b94158 rgb(185,65,88)
```
#b9a241
```
#b9a241 rgb(185,162,65)
```

Tetradic Color

#2d3d80
```
#2d3d80 rgb(45,61,128)
```
#344693
```
#344693 rgb(52,70,147)
```
#3a4fa6
```
#3a4fa6 rgb(58,79,166)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#5167c2
```
#5167c2 rgb(81,103,194)
```
#6478c9
```
#6478c9 rgb(100,120,201)
```
#7788cf
```
#7788cf rgb(119,136,207)
```

Monochromatic Color

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

#4176b9
```
#4176b9 rgb(65,118,185)
```
#416cb9
```
#416cb9 rgb(65,108,185)
```
#4162b9
```
#4162b9 rgb(65,98,185)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#414eb9
```
#414eb9 rgb(65,78,185)
```
#4144b9
```
#4144b9 rgb(65,68,185)
```
#4841b9
```
#4841b9 rgb(72,65,185)
```

Similar Colors

Text with hexadecimal color #4158b9

This text has a font color of #4158b9.

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

#4158b9 background color

This paragraph has a background color of #4158b9.

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

#4158b9 border color

This element has a border color of #4158b9.

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

CSS codes

.text {color:#4158b9;}

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

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

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, #04050b is the darkest color, while #fbfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#090c19
```
#090c19 rgb(9,12,25)
```
#0e1328
```
#0e1328 rgb(14,19,40)
```
#131a36
```
#131a36 rgb(19,26,54)
```
#182145
```
#182145 rgb(24,33,69)
```
#1d2853
```
#1d2853 rgb(29,40,83)
```
#222f62
```
#222f62 rgb(34,47,98)
```
#283570
```
#283570 rgb(40,53,112)
```
#2d3c7f
```
#2d3c7f rgb(45,60,127)
```
#32438d
```
#32438d rgb(50,67,141)
```
#374a9c
```
#374a9c rgb(55,74,156)
```
#3c51aa
```
#3c51aa rgb(60,81,170)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```

Shade Color Variation

#4d63c1
```
#4d63c1 rgb(77,99,193)
```
#5c70c6
```
#5c70c6 rgb(92,112,198)
```
#6a7dcb
```
#6a7dcb rgb(106,125,203)
```
#7989d0
```
#7989d0 rgb(121,137,208)
```
#8796d5
```
#8796d5 rgb(135,150,213)
```
#96a3da
```
#96a3da rgb(150,163,218)
```
#a4afdf
```
#a4afdf rgb(164,175,223)
```
#b3bce4
```
#b3bce4 rgb(179,188,228)
```
#c1c9e9
```
#c1c9e9 rgb(193,201,233)
```
#d0d6ee
```
#d0d6ee rgb(208,214,238)
```
#dee2f4
```
#dee2f4 rgb(222,226,244)
```
#edeff9
```
#edeff9 rgb(237,239,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c7f is the less saturated color, while #0734f3 is the most saturated one.

#7b7c7f
```
#7b7c7f rgb(123,124,127)
```
#717689
```
#717689 rgb(113,118,137)
```
#677093
```
#677093 rgb(103,112,147)
```
#5e6a9c
```
#5e6a9c rgb(94,106,156)
```
#5464a6
```
#5464a6 rgb(84,100,166)
```
#4b5eaf
```
#4b5eaf rgb(75,94,175)
```
#4158b9
```
#4158b9 rgb(65,88,185)
```
#3752c3
```
#3752c3 rgb(55,82,195)
```
#2e4ccc
```
#2e4ccc rgb(46,76,204)
```
#2446d6
```
#2446d6 rgb(36,70,214)
```
#1b40df
```
#1b40df rgb(27,64,223)
```
#113ae9
```
#113ae9 rgb(17,58,233)
```
#0734f3
```
#0734f3 rgb(7,52,243)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#575b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2464c0 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#2f60bd Protanomaly 1% of men, 0.01% of women
#1763b2 Deuteranomaly 6% of men, 0.4% of women
#176891 Tritanomaly 0.01% of the population

#4158b9 hex color

#4158b9 Color Information

#4158b9 Color Conversion

Color Schemes with #4158b9

Alternatives to #4158b9

#4158b9 Preview

Shades and Tints of #4158b9

Tones of #4158b9

Color Blindness Simulator