#4d486d hex color

In a RGB color space, hex #4d486d is composed of 30.2% red, 28.2% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 33.9% magenta, 0% yellow and 57.3% black. It has a hue angle of 248.1 degrees, a saturation of 20.4% and a lightness of 35.5%. #4d486d color hex could be obtained by blending #9a90da with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 30
- G 28
- B 43
RGB color chart
- C 29
- M 34
- Y 0
- K 57
CMYK color chart

● #4d486d color description : Very dark grayish blue.

The hexadecimal color #4d486d has RGB values of R:77, G:72, B:109 and CMYK values of C:0.29, M:0.34, Y:0, K:0.57. Its decimal value is 5064813.

Hex triplet	4d486d	`#4d486d`
RGB Decimal	77, 72, 109	`rgb(77,72,109)`
RGB Percent	30.2, 28.2, 42.7	`rgb(30.2%,28.2%,42.7%)`
CMYK	29, 34, 0, 57
HSL	248.1°, 20.4, 35.5	`hsl(248.1,20.4%,35.5%)`
HSV (or HSB)	248.1°, 33.9, 42.7
Web Safe	663366	`#663366`

CIE-LAB	32.517, 11.248, -20.668
XYZ	8.138, 7.317, 15.451
xyY	0.263, 0.237, 7.317
CIE-LCH	32.517, 23.531, 298.556
CIE-LUV	32.517, 0.15, -28.491
Hunter-Lab	27.049, 6.366, -14.932
Binary	01001101, 01001000, 01101101

#4d486d
```
#4d486d rgb(77,72,109)
```
#686d48
```
#686d48 rgb(104,109,72)
```

Complementary Color

#48566d
```
#48566d rgb(72,86,109)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#60486d
```
#60486d rgb(96,72,109)
```

Analogous Color

#566d48
```
#566d48 rgb(86,109,72)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#6d6048
```
#6d6048 rgb(109,96,72)
```

Split Complementary Color

#486d4d
```
#486d4d rgb(72,109,77)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#6d4d48
```
#6d4d48 rgb(109,77,72)
```

Triadic Color

#48686d
```
#48686d rgb(72,104,109)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#6d4d48
```
#6d4d48 rgb(109,77,72)
```
#686d48
```
#686d48 rgb(104,109,72)
```

Tetradic Color

#2c2a3f
```
#2c2a3f rgb(44,42,63)
```
#37344e
```
#37344e rgb(55,52,78)
```
#423e5e
```
#423e5e rgb(66,62,94)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#58527c
```
#58527c rgb(88,82,124)
```
#635c8c
```
#635c8c rgb(99,92,140)
```
#6e679b
```
#6e679b rgb(110,103,155)
```

Monochromatic Color

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

#484c6d
```
#484c6d rgb(72,76,109)
```
#48496d
```
#48496d rgb(72,73,109)
```
#4a486d
```
#4a486d rgb(74,72,109)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#50486d
```
#50486d rgb(80,72,109)
```
#53486d
```
#53486d rgb(83,72,109)
```
#56486d
```
#56486d rgb(86,72,109)
```

Similar Colors

Text with hexadecimal color #4d486d

This text has a font color of #4d486d.

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

#4d486d background color

This paragraph has a background color of #4d486d.

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

#4d486d border color

This element has a border color of #4d486d.

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

CSS codes

.text {color:#4d486d;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0e
```
#0a0a0e rgb(10,10,14)
```
#13111a
```
#13111a rgb(19,17,26)
```
#1b1926
```
#1b1926 rgb(27,25,38)
```
#232132
```
#232132 rgb(35,33,50)
```
#2c293e
```
#2c293e rgb(44,41,62)
```
#34314a
```
#34314a rgb(52,49,74)
```
#3c3855
```
#3c3855 rgb(60,56,85)
```
#454061
```
#454061 rgb(69,64,97)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#555079
```
#555079 rgb(85,80,121)
```
#5e5885
```
#5e5885 rgb(94,88,133)
```
#665f90
```
#665f90 rgb(102,95,144)
```

Shade Color Variation

#6f689b
```
#6f689b rgb(111,104,155)
```
#7a74a3
```
#7a74a3 rgb(122,116,163)
```
#8680ab
```
#8680ab rgb(134,128,171)
```
#918cb3
```
#918cb3 rgb(145,140,179)
```
#9c97bb
```
#9c97bb rgb(156,151,187)
```
#a7a3c2
```
#a7a3c2 rgb(167,163,194)
```
#b3afca
```
#b3afca rgb(179,175,202)
```
#bebbd2
```
#bebbd2 rgb(190,187,210)
```
#c9c7da
```
#c9c7da rgb(201,199,218)
```
#d4d2e2
```
#d4d2e2 rgb(212,210,226)
```
#e0dee9
```
#e0dee9 rgb(224,222,233)
```
#ebeaf1
```
#ebeaf1 rgb(235,234,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57565f is the less saturated color, while #1a02b3 is the most saturated one.

#57565f
```
#57565f rgb(87,86,95)
```
#524f66
```
#524f66 rgb(82,79,102)
```
#4d486d
```
#4d486d rgb(77,72,109)
```
#484174
```
#484174 rgb(72,65,116)
```
#433a7b
```
#433a7b rgb(67,58,123)
```
#3e3382
```
#3e3382 rgb(62,51,130)
```
#392c89
```
#392c89 rgb(57,44,137)
```
#342590
```
#342590 rgb(52,37,144)
```
#2f1e97
```
#2f1e97 rgb(47,30,151)
```
#29179e
```
#29179e rgb(41,23,158)
```
#2410a5
```
#2410a5 rgb(36,16,165)
```
#1f09ac
```
#1f09ac rgb(31,9,172)
```
#1a02b3
```
#1a02b3 rgb(26,2,179)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4e4d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5476 Protanopia 1% of men
#4b5473 Deuteranopia 1% of men
#50565c Tritanopia 0.001% of the population

Trichromacy

#4b5073 Protanomaly 1% of men, 0.01% of women
#4b5071 Deuteranomaly 6% of men, 0.4% of women
#4f5162 Tritanomaly 0.01% of the population

#4d486d hex color

#4d486d Color Information

#4d486d Color Conversion

Color Schemes with #4d486d

Alternatives to #4d486d

#4d486d Preview

Shades and Tints of #4d486d

Tones of #4d486d

Color Blindness Simulator