#4d508d hex color

In a RGB color space, hex #4d508d is composed of 30.2% red, 31.4% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 43.3% magenta, 0% yellow and 44.7% black. It has a hue angle of 237.2 degrees, a saturation of 29.4% and a lightness of 42.7%. #4d508d color hex could be obtained by blending #9aa0ff with #00001b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 30
- G 31
- B 55
RGB color chart
- C 45
- M 43
- Y 0
- K 45
CMYK color chart

● #4d508d color description : Dark moderate blue.

The hexadecimal color #4d508d has RGB values of R:77, G:80, B:141 and CMYK values of C:0.45, M:0.43, Y:0, K:0.45. Its decimal value is 5066893.

Hex triplet	4d508d	`#4d508d`
RGB Decimal	77, 80, 141	`rgb(77,80,141)`
RGB Percent	30.2, 31.4, 55.3	`rgb(30.2%,31.4%,55.3%)`
CMYK	45, 43, 0, 45
HSL	237.2°, 29.4, 42.7	`hsl(237.2,29.4%,42.7%)`
HSV (or HSB)	237.2°, 45.4, 55.3
Web Safe	666699	`#666699`

CIE-LAB	36.438, 15.67, -34.326
XYZ	10.736, 9.238, 26.415
xyY	0.231, 0.199, 9.238
CIE-LCH	36.438, 37.733, 294.537
CIE-LUV	36.438, -4.71, -49.53
Hunter-Lab	30.394, 9.862, -30.253
Binary	01001101, 01010000, 10001101

#4d508d
```
#4d508d rgb(77,80,141)
```
#8d8a4d
```
#8d8a4d rgb(141,138,77)
```

Complementary Color

#4d708d
```
#4d708d rgb(77,112,141)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#6a4d8d
```
#6a4d8d rgb(106,77,141)
```

Analogous Color

#708d4d
```
#708d4d rgb(112,141,77)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#8d6a4d
```
#8d6a4d rgb(141,106,77)
```

Split Complementary Color

#508d4d
```
#508d4d rgb(80,141,77)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#8d4d50
```
#8d4d50 rgb(141,77,80)
```

Triadic Color

#4d8d8a
```
#4d8d8a rgb(77,141,138)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#8d4d50
```
#8d4d50 rgb(141,77,80)
```
#8d8a4d
```
#8d8a4d rgb(141,138,77)
```

Tetradic Color

#32345c
```
#32345c rgb(50,52,92)
```
#3b3d6c
```
#3b3d6c rgb(59,61,108)
```
#44477d
```
#44477d rgb(68,71,125)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#56599d
```
#56599d rgb(86,89,157)
```
#6366aa
```
#6366aa rgb(99,102,170)
```
#7477b3
```
#7477b3 rgb(116,119,179)
```

Monochromatic Color

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

#4d608d
```
#4d608d rgb(77,96,141)
```
#4d5b8d
```
#4d5b8d rgb(77,91,141)
```
#4d558d
```
#4d558d rgb(77,85,141)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#4f4d8d
```
#4f4d8d rgb(79,77,141)
```
#554d8d
```
#554d8d rgb(85,77,141)
```
#5a4d8d
```
#5a4d8d rgb(90,77,141)
```

Similar Colors

Text with hexadecimal color #4d508d

This text has a font color of #4d508d.

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

#4d508d background color

This paragraph has a background color of #4d508d.

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

#4d508d border color

This element has a border color of #4d508d.

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

CSS codes

.text {color:#4d508d;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08080e
```
#08080e rgb(8,8,14)
```
#0f0f1b
```
#0f0f1b rgb(15,15,27)
```
#161628
```
#161628 rgb(22,22,40)
```
#1d1e34
```
#1d1e34 rgb(29,30,52)
```
#232541
```
#232541 rgb(35,37,65)
```
#2a2c4e
```
#2a2c4e rgb(42,44,78)
```
#31335a
```
#31335a rgb(49,51,90)
```
#383a67
```
#383a67 rgb(56,58,103)
```
#3f4274
```
#3f4274 rgb(63,66,116)
```
#464980
```
#464980 rgb(70,73,128)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#54579a
```
#54579a rgb(84,87,154)
```

Shade Color Variation

#5c5fa6
```
#5c5fa6 rgb(92,95,166)
```
#686bad
```
#686bad rgb(104,107,173)
```
#7578b4
```
#7578b4 rgb(117,120,180)
```
#8284bb
```
#8284bb rgb(130,132,187)
```
#8e91c1
```
#8e91c1 rgb(142,145,193)
```
#9b9dc8
```
#9b9dc8 rgb(155,157,200)
```
#a8a9cf
```
#a8a9cf rgb(168,169,207)
```
#b4b6d6
```
#b4b6d6 rgb(180,182,214)
```
#c1c2dd
```
#c1c2dd rgb(193,194,221)
```
#cecfe4
```
#cecfe4 rgb(206,207,228)
```
#dadbeb
```
#dadbeb rgb(218,219,235)
```
#e7e8f2
```
#e7e8f2 rgb(231,232,242)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

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

#666774
```
#666774 rgb(102,103,116)
```
#5e5f7c
```
#5e5f7c rgb(94,95,124)
```
#555885
```
#555885 rgb(85,88,133)
```
#4d508d
```
#4d508d rgb(77,80,141)
```
#454895
```
#454895 rgb(69,72,149)
```
#3c419e
```
#3c419e rgb(60,65,158)
```
#3439a6
```
#3439a6 rgb(52,57,166)
```
#2b32af
```
#2b32af rgb(43,50,175)
```
#232ab7
```
#232ab7 rgb(35,42,183)
```
#1b22bf
```
#1b22bf rgb(27,34,191)
```
#121bc8
```
#121bc8 rgb(18,27,200)
```
#0a13d0
```
#0a13d0 rgb(10,19,208)
```
#020cd8
```
#020cd8 rgb(2,12,216)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#545561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445c95 Protanopia 1% of men
#3e5e90 Deuteranopia 1% of men
#486269 Tritanopia 0.001% of the population

Trichromacy

#475892 Protanomaly 1% of men, 0.01% of women
#43598f Deuteranomaly 6% of men, 0.4% of women
#4a5b76 Tritanomaly 0.01% of the population

#4d508d hex color

#4d508d Color Information

#4d508d Color Conversion

Color Schemes with #4d508d

Alternatives to #4d508d

#4d508d Preview

Shades and Tints of #4d508d

Tones of #4d508d

Color Blindness Simulator