#4d5193 hex color

In a RGB color space, hex #4d5193 is composed of 30.2% red, 31.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 44.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 236.6 degrees, a saturation of 31.3% and a lightness of 43.9%. #4d5193 color hex could be obtained by blending #9aa2ff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 30
- G 32
- B 58
RGB color chart
- C 48
- M 45
- Y 0
- K 42
CMYK color chart

● #4d5193 color description : Dark moderate blue.

The hexadecimal color #4d5193 has RGB values of R:77, G:81, B:147 and CMYK values of C:0.48, M:0.45, Y:0, K:0.42. Its decimal value is 5067155.

Hex triplet	4d5193	`#4d5193`
RGB Decimal	77, 81, 147	`rgb(77,81,147)`
RGB Percent	30.2, 31.8, 57.6	`rgb(30.2%,31.8%,57.6%)`
CMYK	48, 45, 0, 42
HSL	236.6°, 31.3, 43.9	`hsl(236.6,31.3%,43.9%)`
HSV (or HSB)	236.6°, 47.6, 57.6
Web Safe	666699	`#666699`

CIE-LAB	37.057, 16.933, -36.987
XYZ	11.268, 9.569, 28.855
xyY	0.227, 0.193, 9.569
CIE-LCH	37.057, 40.679, 294.599
CIE-LUV	37.057, -5.346, -53.732
Hunter-Lab	30.934, 10.89, -33.653
Binary	01001101, 01010001, 10010011

#4d5193
```
#4d5193 rgb(77,81,147)
```
#938f4d
```
#938f4d rgb(147,143,77)
```

Complementary Color

#4d7493
```
#4d7493 rgb(77,116,147)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#6c4d93
```
#6c4d93 rgb(108,77,147)
```

Analogous Color

#74934d
```
#74934d rgb(116,147,77)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#936c4d
```
#936c4d rgb(147,108,77)
```

Split Complementary Color

#51934d
```
#51934d rgb(81,147,77)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#934d51
```
#934d51 rgb(147,77,81)
```

Triadic Color

#4d938f
```
#4d938f rgb(77,147,143)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#934d51
```
#934d51 rgb(147,77,81)
```
#938f4d
```
#938f4d rgb(147,143,77)
```

Tetradic Color

#333561
```
#333561 rgb(51,53,97)
```
#3b3f72
```
#3b3f72 rgb(59,63,114)
```
#444882
```
#444882 rgb(68,72,130)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#565aa4
```
#565aa4 rgb(86,90,164)
```
#6569ae
```
#6569ae rgb(101,105,174)
```
#7679b7
```
#7679b7 rgb(118,121,183)
```

Monochromatic Color

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

#4d6393
```
#4d6393 rgb(77,99,147)
```
#4d5d93
```
#4d5d93 rgb(77,93,147)
```
#4d5793
```
#4d5793 rgb(77,87,147)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#4f4d93
```
#4f4d93 rgb(79,77,147)
```
#554d93
```
#554d93 rgb(85,77,147)
```
#5b4d93
```
#5b4d93 rgb(91,77,147)
```

Similar Colors

Text with hexadecimal color #4d5193

This text has a font color of #4d5193.

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

#4d5193 background color

This paragraph has a background color of #4d5193.

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

#4d5193 border color

This element has a border color of #4d5193.

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

CSS codes

.text {color:#4d5193;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0a12
```
#0a0a12 rgb(10,10,18)
```
#10111f
```
#10111f rgb(16,17,31)
```
#17182c
```
#17182c rgb(23,24,44)
```
#1e1f39
```
#1e1f39 rgb(30,31,57)
```
#252646
```
#252646 rgb(37,38,70)
```
#2b2e53
```
#2b2e53 rgb(43,46,83)
```
#323560
```
#323560 rgb(50,53,96)
```
#393c6c
```
#393c6c rgb(57,60,108)
```
#404379
```
#404379 rgb(64,67,121)
```
#464a86
```
#464a86 rgb(70,74,134)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#5458a0
```
#5458a0 rgb(84,88,160)
```

Shade Color Variation

#5d61aa
```
#5d61aa rgb(93,97,170)
```
#6a6eb1
```
#6a6eb1 rgb(106,110,177)
```
#777bb8
```
#777bb8 rgb(119,123,184)
```
#8487be
```
#8487be rgb(132,135,190)
```
#9194c5
```
#9194c5 rgb(145,148,197)
```
#9da0cc
```
#9da0cc rgb(157,160,204)
```
#aaadd3
```
#aaadd3 rgb(170,173,211)
```
#b7b9d9
```
#b7b9d9 rgb(183,185,217)
```
#c4c6e0
```
#c4c6e0 rgb(196,198,224)
```
#d1d2e7
```
#d1d2e7 rgb(209,210,231)
```
#dedfee
```
#dedfee rgb(222,223,238)
```
#ebebf4
```
#ebebf4 rgb(235,235,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7071 is the less saturated color, while #0814d8 is the most saturated one.

#6f7071
```
#6f7071 rgb(111,112,113)
```
#676879
```
#676879 rgb(103,104,121)
```
#5e6082
```
#5e6082 rgb(94,96,130)
```
#56598a
```
#56598a rgb(86,89,138)
```
#4d5193
```
#4d5193 rgb(77,81,147)
```
#44499c
```
#44499c rgb(68,73,156)
```
#3c42a4
```
#3c42a4 rgb(60,66,164)
```
#333aad
```
#333aad rgb(51,58,173)
```
#2b32b5
```
#2b32b5 rgb(43,50,181)
```
#222bbe
```
#222bbe rgb(34,43,190)
```
#1923c7
```
#1923c7 rgb(25,35,199)
```
#111ccf
```
#111ccf rgb(17,28,207)
```
#0814d8
```
#0814d8 rgb(8,20,216)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#555663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425d9b Protanopia 1% of men
#3a6096 Deuteranopia 1% of men
#46646b Tritanopia 0.001% of the population

Trichromacy

#465998 Protanomaly 1% of men, 0.01% of women
#415a94 Deuteranomaly 6% of men, 0.4% of women
#485d7a Tritanomaly 0.01% of the population

#4d5193 hex color

#4d5193 Color Information

#4d5193 Color Conversion

Color Schemes with #4d5193

Alternatives to #4d5193

#4d5193 Preview

Shades and Tints of #4d5193

Tones of #4d5193

Color Blindness Simulator