#4d58ae hex color

In a RGB color space, hex #4d58ae is composed of 30.2% red, 34.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 49.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 233.2 degrees, a saturation of 38.6% and a lightness of 49.2%. #4d58ae color hex could be obtained by blending #9ab0ff with #00005d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 30
- G 35
- B 68
RGB color chart
- C 56
- M 49
- Y 0
- K 32
CMYK color chart

● #4d58ae color description : Dark moderate blue.

The hexadecimal color #4d58ae has RGB values of R:77, G:88, B:174 and CMYK values of C:0.56, M:0.49, Y:0, K:0.32. Its decimal value is 5068974.

Hex triplet	4d58ae	`#4d58ae`
RGB Decimal	77, 88, 174	`rgb(77,88,174)`
RGB Percent	30.2, 34.5, 68.2	`rgb(30.2%,34.5%,68.2%)`
CMYK	56, 49, 0, 32
HSL	233.2°, 38.6, 49.2	`hsl(233.2,38.6%,49.2%)`
HSV (or HSB)	233.2°, 55.7, 68.2
Web Safe	666699	`#666699`

CIE-LAB	40.594, 21.301, -47.475
XYZ	14.189, 11.613, 41.536
xyY	0.211, 0.172, 11.613
CIE-LCH	40.594, 52.034, 294.165
CIE-LUV	40.594, -8.71, -70.932
Hunter-Lab	34.077, 14.687, -48.413
Binary	01001101, 01011000, 10101110

#4d58ae
```
#4d58ae rgb(77,88,174)
```
#aea34d
```
#aea34d rgb(174,163,77)
```

Complementary Color

#4d89ae
```
#4d89ae rgb(77,137,174)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#734dae
```
#734dae rgb(115,77,174)
```

Analogous Color

#89ae4d
```
#89ae4d rgb(137,174,77)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#ae734d
```
#ae734d rgb(174,115,77)
```

Split Complementary Color

#58ae4d
```
#58ae4d rgb(88,174,77)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#ae4d58
```
#ae4d58 rgb(174,77,88)
```

Triadic Color

#4daea3
```
#4daea3 rgb(77,174,163)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#ae4d58
```
#ae4d58 rgb(174,77,88)
```
#aea34d
```
#aea34d rgb(174,163,77)
```

Tetradic Color

#363d79
```
#363d79 rgb(54,61,121)
```
#3d468b
```
#3d468b rgb(61,70,139)
```
#454f9c
```
#454f9c rgb(69,79,156)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#5d67b7
```
#5d67b7 rgb(93,103,183)
```
#6f78bf
```
#6f78bf rgb(111,120,191)
```
#8088c7
```
#8088c7 rgb(128,136,199)
```

Monochromatic Color

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

#4d70ae
```
#4d70ae rgb(77,112,174)
```
#4d68ae
```
#4d68ae rgb(77,104,174)
```
#4d60ae
```
#4d60ae rgb(77,96,174)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#4d50ae
```
#4d50ae rgb(77,80,174)
```
#524dae
```
#524dae rgb(82,77,174)
```
#5a4dae
```
#5a4dae rgb(90,77,174)
```

Similar Colors

Text with hexadecimal color #4d58ae

This text has a font color of #4d58ae.

<span style="color:#4d58ae;">Text here</span>

#4d58ae background color

This paragraph has a background color of #4d58ae.

<p style="background-color:#4d58ae;">Content here</p>

#4d58ae border color

This element has a border color of #4d58ae.

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

CSS codes

.text {color:#4d58ae;}

.background {background-color:#4d58ae;}

.border {border:1px solid #4d58ae;}

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

#05050b
```
#05050b rgb(5,5,11)
```
#0b0c18
```
#0b0c18 rgb(11,12,24)
```
#111326
```
#111326 rgb(17,19,38)
```
#171a34
```
#171a34 rgb(23,26,52)
```
#1d2141
```
#1d2141 rgb(29,33,65)
```
#23284f
```
#23284f rgb(35,40,79)
```
#292f5c
```
#292f5c rgb(41,47,92)
```
#2f366a
```
#2f366a rgb(47,54,106)
```
#353c78
```
#353c78 rgb(53,60,120)
```
#3b4385
```
#3b4385 rgb(59,67,133)
```
#414a93
```
#414a93 rgb(65,74,147)
```
#4751a0
```
#4751a0 rgb(71,81,160)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```

Shade Color Variation

#5964b6
```
#5964b6 rgb(89,100,182)
```
#6770bc
```
#6770bc rgb(103,112,188)
```
#747dc2
```
#747dc2 rgb(116,125,194)
```
#828ac8
```
#828ac8 rgb(130,138,200)
```
#8f96ce
```
#8f96ce rgb(143,150,206)
```
#9da3d4
```
#9da3d4 rgb(157,163,212)
```
#abb0da
```
#abb0da rgb(171,176,218)
```
#b8bde0
```
#b8bde0 rgb(184,189,224)
```
#c6c9e6
```
#c6c9e6 rgb(198,201,230)
```
#d3d6ec
```
#d3d6ec rgb(211,214,236)
```
#e1e3f2
```
#e1e3f2 rgb(225,227,242)
```
#eff0f8
```
#eff0f8 rgb(239,240,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#747687
```
#747687 rgb(116,118,135)
```
#6a6e91
```
#6a6e91 rgb(106,110,145)
```
#60679b
```
#60679b rgb(96,103,155)
```
#575fa4
```
#575fa4 rgb(87,95,164)
```
#4d58ae
```
#4d58ae rgb(77,88,174)
```
#4351b8
```
#4351b8 rgb(67,81,184)
```
#3a49c1
```
#3a49c1 rgb(58,73,193)
```
#3042cb
```
#3042cb rgb(48,66,203)
```
#263ad5
```
#263ad5 rgb(38,58,213)
```
#1d33de
```
#1d33de rgb(29,51,222)
```
#132be8
```
#132be8 rgb(19,43,232)
```
#0924f2
```
#0924f2 rgb(9,36,242)
```

Tone Color Variation

Below, you can see how #4d58ae 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

#5f5f5f Achromatopsia 0.005% of the population
#5b5e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3865b6 Protanopia 1% of men
#1c69ae Deuteranopia 1% of men
#396f77 Tritanopia 0.001% of the population

Trichromacy

#4060b3 Protanomaly 1% of men, 0.01% of women
#2d63ae Deuteranomaly 6% of men, 0.4% of women
#40668b Tritanomaly 0.01% of the population

#4d58ae hex color

#4d58ae Color Information

#4d58ae Color Conversion

Color Schemes with #4d58ae

Alternatives to #4d58ae

#4d58ae Preview

Shades and Tints of #4d58ae

Tones of #4d58ae

Color Blindness Simulator