#4d58ac hex color

In a RGB color space, hex #4d58ac is composed of 30.2% red, 34.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 48.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 233.1 degrees, a saturation of 38.2% and a lightness of 48.8%. #4d58ac color hex could be obtained by blending #9ab0ff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 30
- G 35
- B 67
RGB color chart
- C 55
- M 49
- Y 0
- K 33
CMYK color chart

● #4d58ac color description : Dark moderate blue.

The hexadecimal color #4d58ac has RGB values of R:77, G:88, B:172 and CMYK values of C:0.55, M:0.49, Y:0, K:0.33. Its decimal value is 5068972.

Hex triplet	4d58ac	`#4d58ac`
RGB Decimal	77, 88, 172	`rgb(77,88,172)`
RGB Percent	30.2, 34.5, 67.5	`rgb(30.2%,34.5%,67.5%)`
CMYK	55, 49, 0, 33
HSL	233.1°, 38.2, 48.8	`hsl(233.1,38.2%,48.8%)`
HSV (or HSB)	233.1°, 55.2, 67.5
Web Safe	666699	`#666699`

CIE-LAB	40.468, 20.633, -46.496
XYZ	13.995, 11.535, 40.517
xyY	0.212, 0.175, 11.535
CIE-LCH	40.468, 50.868, 293.93
CIE-LUV	40.468, -8.639, -69.387
Hunter-Lab	33.964, 14.117, -46.955
Binary	01001101, 01011000, 10101100

#4d58ac
```
#4d58ac rgb(77,88,172)
```
#aca14d
```
#aca14d rgb(172,161,77)
```

Complementary Color

#4d88ac
```
#4d88ac rgb(77,136,172)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#724dac
```
#724dac rgb(114,77,172)
```

Analogous Color

#88ac4d
```
#88ac4d rgb(136,172,77)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#ac724d
```
#ac724d rgb(172,114,77)
```

Split Complementary Color

#58ac4d
```
#58ac4d rgb(88,172,77)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#ac4d58
```
#ac4d58 rgb(172,77,88)
```

Triadic Color

#4daca1
```
#4daca1 rgb(77,172,161)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#ac4d58
```
#ac4d58 rgb(172,77,88)
```
#aca14d
```
#aca14d rgb(172,161,77)
```

Tetradic Color

#353d77
```
#353d77 rgb(53,61,119)
```
#3d4689
```
#3d4689 rgb(61,70,137)
```
#454f9a
```
#454f9a rgb(69,79,154)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#5c67b6
```
#5c67b6 rgb(92,103,182)
```
#6e77be
```
#6e77be rgb(110,119,190)
```
#8088c6
```
#8088c6 rgb(128,136,198)
```

Monochromatic Color

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

#4d70ac
```
#4d70ac rgb(77,112,172)
```
#4d68ac
```
#4d68ac rgb(77,104,172)
```
#4d60ac
```
#4d60ac rgb(77,96,172)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#4d50ac
```
#4d50ac rgb(77,80,172)
```
#524dac
```
#524dac rgb(82,77,172)
```
#5a4dac
```
#5a4dac rgb(90,77,172)
```

Similar Colors

Text with hexadecimal color #4d58ac

This text has a font color of #4d58ac.

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

#4d58ac background color

This paragraph has a background color of #4d58ac.

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

#4d58ac border color

This element has a border color of #4d58ac.

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

CSS codes

.text {color:#4d58ac;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0c17
```
#0a0c17 rgb(10,12,23)
```
#101325
```
#101325 rgb(16,19,37)
```
#161a32
```
#161a32 rgb(22,26,50)
```
#1c2140
```
#1c2140 rgb(28,33,64)
```
#23274d
```
#23274d rgb(35,39,77)
```
#292e5b
```
#292e5b rgb(41,46,91)
```
#2f3568
```
#2f3568 rgb(47,53,104)
```
#353c76
```
#353c76 rgb(53,60,118)
```
#3b4383
```
#3b4383 rgb(59,67,131)
```
#414a91
```
#414a91 rgb(65,74,145)
```
#47519e
```
#47519e rgb(71,81,158)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```

Shade Color Variation

#5863b4
```
#5863b4 rgb(88,99,180)
```
#6670ba
```
#6670ba rgb(102,112,186)
```
#737cc0
```
#737cc0 rgb(115,124,192)
```
#8189c7
```
#8189c7 rgb(129,137,199)
```
#8e96cd
```
#8e96cd rgb(142,150,205)
```
#9ca2d3
```
#9ca2d3 rgb(156,162,211)
```
#aaafd9
```
#aaafd9 rgb(170,175,217)
```
#b7bcdf
```
#b7bcdf rgb(183,188,223)
```
#c5c8e5
```
#c5c8e5 rgb(197,200,229)
```
#d2d5eb
```
#d2d5eb rgb(210,213,235)
```
#e0e2f1
```
#e0e2f1 rgb(224,226,241)
```
#edeef7
```
#edeef7 rgb(237,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737586 is the less saturated color, while #001df9 is the most saturated one.

#737586
```
#737586 rgb(115,117,134)
```
#6a6e8f
```
#6a6e8f rgb(106,110,143)
```
#606799
```
#606799 rgb(96,103,153)
```
#575fa2
```
#575fa2 rgb(87,95,162)
```
#4d58ac
```
#4d58ac rgb(77,88,172)
```
#4351b6
```
#4351b6 rgb(67,81,182)
```
#3a49bf
```
#3a49bf rgb(58,73,191)
```
#3042c9
```
#3042c9 rgb(48,66,201)
```
#273bd2
```
#273bd2 rgb(39,59,210)
```
#1d33dc
```
#1d33dc rgb(29,51,220)
```
#142ce5
```
#142ce5 rgb(20,44,229)
```
#0a24ef
```
#0a24ef rgb(10,36,239)
```
#001df9
```
#001df9 rgb(0,29,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b65b4 Protanopia 1% of men
#2269ac Deuteranopia 1% of men
#3b6f77 Tritanopia 0.001% of the population

Trichromacy

#4160b1 Protanomaly 1% of men, 0.01% of women
#3262ac Deuteranomaly 6% of men, 0.4% of women
#41668a Tritanomaly 0.01% of the population

#4d58ac hex color

#4d58ac Color Information

#4d58ac Color Conversion

Color Schemes with #4d58ac

Alternatives to #4d58ac

#4d58ac Preview

Shades and Tints of #4d58ac

Tones of #4d58ac

Color Blindness Simulator