#4d58ba hex color

In a RGB color space, hex #4d58ba is composed of 30.2% red, 34.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 52.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 233.9 degrees, a saturation of 44.1% and a lightness of 51.6%. #4d58ba color hex could be obtained by blending #9ab0ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 30
- G 35
- B 73
RGB color chart
- C 59
- M 53
- Y 0
- K 27
CMYK color chart

● #4d58ba color description : Moderate blue.

The hexadecimal color #4d58ba has RGB values of R:77, G:88, B:186 and CMYK values of C:0.59, M:0.53, Y:0, K:0.27. Its decimal value is 5068986.

Hex triplet	4d58ba	`#4d58ba`
RGB Decimal	77, 88, 186	`rgb(77,88,186)`
RGB Percent	30.2, 34.5, 72.9	`rgb(30.2%,34.5%,72.9%)`
CMYK	59, 53, 0, 27
HSL	233.9°, 44.1, 51.6	`hsl(233.9,44.1%,51.6%)`
HSV (or HSB)	233.9°, 58.6, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.377, 25.334, -53.263
XYZ	15.411, 12.102, 47.975
xyY	0.204, 0.16, 12.102
CIE-LCH	41.377, 58.98, 295.437
CIE-LUV	41.377, -9.138, -80.045
Hunter-Lab	34.787, 18.2, -57.416
Binary	01001101, 01011000, 10111010

#4d58ba
```
#4d58ba rgb(77,88,186)
```
#baaf4d
```
#baaf4d rgb(186,175,77)
```

Complementary Color

#4d8fba
```
#4d8fba rgb(77,143,186)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#794dba
```
#794dba rgb(121,77,186)
```

Analogous Color

#8fba4d
```
#8fba4d rgb(143,186,77)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#ba794d
```
#ba794d rgb(186,121,77)
```

Split Complementary Color

#58ba4d
```
#58ba4d rgb(88,186,77)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```

Triadic Color

#4dbaaf
```
#4dbaaf rgb(77,186,175)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#ba4d58
```
#ba4d58 rgb(186,77,88)
```
#baaf4d
```
#baaf4d rgb(186,175,77)
```

Tetradic Color

#343c86
```
#343c86 rgb(52,60,134)
```
#3b4599
```
#3b4599 rgb(59,69,153)
```
#424dab
```
#424dab rgb(66,77,171)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#5f69c1
```
#5f69c1 rgb(95,105,193)
```
#727ac8
```
#727ac8 rgb(114,122,200)
```
#848ccf
```
#848ccf rgb(132,140,207)
```

Monochromatic Color

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

#4d73ba
```
#4d73ba rgb(77,115,186)
```
#4d6aba
```
#4d6aba rgb(77,106,186)
```
#4d61ba
```
#4d61ba rgb(77,97,186)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#4d4fba
```
#4d4fba rgb(77,79,186)
```
#544dba
```
#544dba rgb(84,77,186)
```
#5d4dba
```
#5d4dba rgb(93,77,186)
```

Similar Colors

Text with hexadecimal color #4d58ba

This text has a font color of #4d58ba.

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

#4d58ba background color

This paragraph has a background color of #4d58ba.

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

#4d58ba border color

This element has a border color of #4d58ba.

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

CSS codes

.text {color:#4d58ba;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080914
```
#080914 rgb(8,9,20)
```
#0d0f22
```
#0d0f22 rgb(13,15,34)
```
#131630
```
#131630 rgb(19,22,48)
```
#181c3e
```
#181c3e rgb(24,28,62)
```
#1e224c
```
#1e224c rgb(30,34,76)
```
#23295b
```
#23295b rgb(35,41,91)
```
#292f69
```
#292f69 rgb(41,47,105)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#343c85
```
#343c85 rgb(52,60,133)
```
#394293
```
#394293 rgb(57,66,147)
```
#3f48a1
```
#3f48a1 rgb(63,72,161)
```
#444faf
```
#444faf rgb(68,79,175)
```

Shade Color Variation

#4d58ba
```
#4d58ba rgb(77,88,186)
```
#5b65bf
```
#5b65bf rgb(91,101,191)
```
#6973c5
```
#6973c5 rgb(105,115,197)
```
#7780ca
```
#7780ca rgb(119,128,202)
```
#868dd0
```
#868dd0 rgb(134,141,208)
```
#949ad5
```
#949ad5 rgb(148,154,213)
```
#a2a8db
```
#a2a8db rgb(162,168,219)
```
#b0b5e0
```
#b0b5e0 rgb(176,181,224)
```
#bec2e6
```
#bec2e6 rgb(190,194,230)
```
#cccfeb
```
#cccfeb rgb(204,207,235)
```
#daddf1
```
#daddf1 rgb(218,221,241)
```
#e8eaf6
```
#e8eaf6 rgb(232,234,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#7d7e8b
```
#7d7e8b rgb(125,126,139)
```
#737694
```
#737694 rgb(115,118,148)
```
#6a6f9e
```
#6a6f9e rgb(106,111,158)
```
#6067a7
```
#6067a7 rgb(96,103,167)
```
#5760b1
```
#5760b1 rgb(87,96,177)
```
#4d58ba
```
#4d58ba rgb(77,88,186)
```
#4450c4
```
#4450c4 rgb(68,80,196)
```
#3a49cd
```
#3a49cd rgb(58,73,205)
```
#3041d7
```
#3041d7 rgb(48,65,215)
```
#273ae0
```
#273ae0 rgb(39,58,224)
```
#1d32ea
```
#1d32ea rgb(29,50,234)
```
#142bf3
```
#142bf3 rgb(20,43,243)
```
#0b23fd
```
#0b23fd rgb(11,35,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5c5e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2766c3 Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#30727a Tritanopia 0.001% of the population

Trichromacy

#3561bf Protanomaly 1% of men, 0.01% of women
#1c64b5 Deuteranomaly 6% of men, 0.4% of women
#3a6891 Tritanomaly 0.01% of the population

#4d58ba hex color

#4d58ba Color Information

#4d58ba Color Conversion

Color Schemes with #4d58ba

Alternatives to #4d58ba

#4d58ba Preview

Shades and Tints of #4d58ba

Tones of #4d58ba

Color Blindness Simulator