#4d5f96 hex color

In a RGB color space, hex #4d5f96 is composed of 30.2% red, 37.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 36.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 225.2 degrees, a saturation of 32.2% and a lightness of 44.5%. #4d5f96 color hex could be obtained by blending #9abeff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 30
- G 37
- B 59
RGB color chart
- C 49
- M 37
- Y 0
- K 41
CMYK color chart

● #4d5f96 color description : Dark moderate blue.

The hexadecimal color #4d5f96 has RGB values of R:77, G:95, B:150 and CMYK values of C:0.49, M:0.37, Y:0, K:0.41. Its decimal value is 5070742.

Hex triplet	4d5f96	`#4d5f96`
RGB Decimal	77, 95, 150	`rgb(77,95,150)`
RGB Percent	30.2, 37.3, 58.8	`rgb(30.2%,37.3%,58.8%)`
CMYK	49, 37, 0, 41
HSL	225.2°, 32.2, 44.5	`hsl(225.2,32.2%,44.5%)`
HSV (or HSB)	225.2°, 48.7, 58.8
Web Safe	666699	`#666699`

CIE-LAB	41.158, 8.955, -32.305
XYZ	12.657, 11.964, 30.495
xyY	0.23, 0.217, 11.964
CIE-LCH	41.158, 33.523, 285.493
CIE-LUV	41.158, -10.339, -47.441
Hunter-Lab	34.589, 4.787, -28.061
Binary	01001101, 01011111, 10010110

#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#96844d
```
#96844d rgb(150,132,77)
```

Complementary Color

#4d8496
```
#4d8496 rgb(77,132,150)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#604d96
```
#604d96 rgb(96,77,150)
```

Analogous Color

#84964d
```
#84964d rgb(132,150,77)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#96604d
```
#96604d rgb(150,96,77)
```

Split Complementary Color

#5f964d
```
#5f964d rgb(95,150,77)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#964d5f
```
#964d5f rgb(150,77,95)
```

Triadic Color

#4d9684
```
#4d9684 rgb(77,150,132)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#964d5f
```
#964d5f rgb(150,77,95)
```
#96844d
```
#96844d rgb(150,132,77)
```

Tetradic Color

#333f63
```
#333f63 rgb(51,63,99)
```
#3c4a74
```
#3c4a74 rgb(60,74,116)
```
#445485
```
#445485 rgb(68,84,133)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#566aa7
```
#566aa7 rgb(86,106,167)
```
#6678b0
```
#6678b0 rgb(102,120,176)
```
#7787b9
```
#7787b9 rgb(119,135,185)
```

Monochromatic Color

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

#4d7196
```
#4d7196 rgb(77,113,150)
```
#4d6b96
```
#4d6b96 rgb(77,107,150)
```
#4d6596
```
#4d6596 rgb(77,101,150)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#4d5996
```
#4d5996 rgb(77,89,150)
```
#4d5396
```
#4d5396 rgb(77,83,150)
```
#4d4d96
```
#4d4d96 rgb(77,77,150)
```

Similar Colors

Text with hexadecimal color #4d5f96

This text has a font color of #4d5f96.

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

#4d5f96 background color

This paragraph has a background color of #4d5f96.

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

#4d5f96 border color

This element has a border color of #4d5f96.

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

CSS codes

.text {color:#4d5f96;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0d14
```
#0a0d14 rgb(10,13,20)
```
#111521
```
#111521 rgb(17,21,33)
```
#181d2e
```
#181d2e rgb(24,29,46)
```
#1e263b
```
#1e263b rgb(30,38,59)
```
#252e48
```
#252e48 rgb(37,46,72)
```
#2c3655
```
#2c3655 rgb(44,54,85)
```
#323e62
```
#323e62 rgb(50,62,98)
```
#39466f
```
#39466f rgb(57,70,111)
```
#404f7c
```
#404f7c rgb(64,79,124)
```
#465789
```
#465789 rgb(70,87,137)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#5467a3
```
#5467a3 rgb(84,103,163)
```

Shade Color Variation

#5e71ac
```
#5e71ac rgb(94,113,172)
```
#6b7db3
```
#6b7db3 rgb(107,125,179)
```
#7888ba
```
#7888ba rgb(120,136,186)
```
#8593c0
```
#8593c0 rgb(133,147,192)
```
#929fc7
```
#929fc7 rgb(146,159,199)
```
#9faace
```
#9faace rgb(159,170,206)
```
#acb6d4
```
#acb6d4 rgb(172,182,212)
```
#b9c1db
```
#b9c1db rgb(185,193,219)
```
#c6cce2
```
#c6cce2 rgb(198,204,226)
```
#d3d8e8
```
#d3d8e8 rgb(211,216,232)
```
#e0e3ef
```
#e0e3ef rgb(224,227,239)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#707173
```
#707173 rgb(112,113,115)
```
#676c7c
```
#676c7c rgb(103,108,124)
```
#5e6885
```
#5e6885 rgb(94,104,133)
```
#56638d
```
#56638d rgb(86,99,141)
```
#4d5f96
```
#4d5f96 rgb(77,95,150)
```
#445b9f
```
#445b9f rgb(68,91,159)
```
#3c56a7
```
#3c56a7 rgb(60,86,167)
```
#3352b0
```
#3352b0 rgb(51,82,176)
```
#2a4db9
```
#2a4db9 rgb(42,77,185)
```
#2149c2
```
#2149c2 rgb(33,73,194)
```
#1944ca
```
#1944ca rgb(25,68,202)
```
#1040d3
```
#1040d3 rgb(16,64,211)
```
#073cdc
```
#073cdc rgb(7,60,220)
```

Tone Color Variation

Below, you can see how #4d5f96 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
#5c606b Atypical Achromatopsia 0.001% of the population

Dichromacy

#55679b Protanopia 1% of men
#4e699a Deuteranopia 1% of men
#486f77 Tritanopia 0.001% of the population

Trichromacy

#526499 Protanomaly 1% of men, 0.01% of women
#4e6599 Deuteranomaly 6% of men, 0.4% of women
#4a6982 Tritanomaly 0.01% of the population

#4d5f96 hex color

#4d5f96 Color Information

#4d5f96 Color Conversion

Color Schemes with #4d5f96

Alternatives to #4d5f96

#4d5f96 Preview

Shades and Tints of #4d5f96

Tones of #4d5f96

Color Blindness Simulator