#4d486b hex color

In a RGB color space, hex #4d486b is composed of 30.2% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 248.6 degrees, a saturation of 19.6% and a lightness of 35.1%. #4d486b color hex could be obtained by blending #9a90d6 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #4d486b has RGB values of R:77, G:72, B:107 and CMYK values of C:0.28, M:0.33, Y:0, K:0.58. Its decimal value is 5064811.

Hex triplet	4d486b	`#4d486b`
RGB Decimal	77, 72, 107	`rgb(77,72,107)`
RGB Percent	30.2, 28.2, 42	`rgb(30.2%,28.2%,42%)`
CMYK	28, 33, 0, 58
HSL	248.6°, 19.6, 35.1	`hsl(248.6,19.6%,35.1%)`
HSV (or HSB)	248.6°, 32.7, 42
Web Safe	663366	`#663366`

CIE-LAB	32.423, 10.69, -19.553
XYZ	8.031, 7.274, 14.89
xyY	0.266, 0.241, 7.274
CIE-LCH	32.423, 22.284, 298.665
CIE-LUV	32.423, 0.293, -26.872
Hunter-Lab	26.97, 5.956, -13.854
Binary	01001101, 01001000, 01101011

#4d486b
```
#4d486b rgb(77,72,107)
```
#666b48
```
#666b48 rgb(102,107,72)
```

Complementary Color

#48556b
```
#48556b rgb(72,85,107)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#5f486b
```
#5f486b rgb(95,72,107)
```

Analogous Color

#556b48
```
#556b48 rgb(85,107,72)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#6b5f48
```
#6b5f48 rgb(107,95,72)
```

Split Complementary Color

#486b4d
```
#486b4d rgb(72,107,77)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#6b4d48
```
#6b4d48 rgb(107,77,72)
```

Triadic Color

#48666b
```
#48666b rgb(72,102,107)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#6b4d48
```
#6b4d48 rgb(107,77,72)
```
#666b48
```
#666b48 rgb(102,107,72)
```

Tetradic Color

#2c293d
```
#2c293d rgb(44,41,61)
```
#37334d
```
#37334d rgb(55,51,77)
```
#423e5c
```
#423e5c rgb(66,62,92)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#58527a
```
#58527a rgb(88,82,122)
```
#635d89
```
#635d89 rgb(99,93,137)
```
#6e6799
```
#6e6799 rgb(110,103,153)
```

Monochromatic Color

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

#484c6b
```
#484c6b rgb(72,76,107)
```
#48496b
```
#48496b rgb(72,73,107)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#50486b
```
#50486b rgb(80,72,107)
```
#53486b
```
#53486b rgb(83,72,107)
```
#56486b
```
#56486b rgb(86,72,107)
```

Similar Colors

Text with hexadecimal color #4d486b

This text has a font color of #4d486b.

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

#4d486b background color

This paragraph has a background color of #4d486b.

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

#4d486b border color

This element has a border color of #4d486b.

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

CSS codes

.text {color:#4d486b;}

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

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

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 #f5f5f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#121119
```
#121119 rgb(18,17,25)
```
#1a1925
```
#1a1925 rgb(26,25,37)
```
#232130
```
#232130 rgb(35,33,48)
```
#2b283c
```
#2b283c rgb(43,40,60)
```
#343048
```
#343048 rgb(52,48,72)
```
#3c3854
```
#3c3854 rgb(60,56,84)
```
#45405f
```
#45405f rgb(69,64,95)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#555077
```
#555077 rgb(85,80,119)
```
#5e5882
```
#5e5882 rgb(94,88,130)
```
#66608e
```
#66608e rgb(102,96,142)
```

Shade Color Variation

#6f6899
```
#6f6899 rgb(111,104,153)
```
#7a74a1
```
#7a74a1 rgb(122,116,161)
```
#857fa9
```
#857fa9 rgb(133,127,169)
```
#918bb1
```
#918bb1 rgb(145,139,177)
```
#9c97b9
```
#9c97b9 rgb(156,151,185)
```
#a7a3c1
```
#a7a3c1 rgb(167,163,193)
```
#b2aec9
```
#b2aec9 rgb(178,174,201)
```
#bdbad1
```
#bdbad1 rgb(189,186,209)
```
#c9c6d9
```
#c9c6d9 rgb(201,198,217)
```
#d4d2e0
```
#d4d2e0 rgb(212,210,224)
```
#dfdde8
```
#dfdde8 rgb(223,221,232)
```
#eae9f0
```
#eae9f0 rgb(234,233,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#57565d
```
#57565d rgb(87,86,93)
```
#524f64
```
#524f64 rgb(82,79,100)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#484172
```
#484172 rgb(72,65,114)
```
#433a79
```
#433a79 rgb(67,58,121)
```
#3e3380
```
#3e3380 rgb(62,51,128)
```
#392c87
```
#392c87 rgb(57,44,135)
```
#34268d
```
#34268d rgb(52,38,141)
```
#2f1f94
```
#2f1f94 rgb(47,31,148)
```
#2b189b
```
#2b189b rgb(43,24,155)
```
#2611a2
```
#2611a2 rgb(38,17,162)
```
#210aa9
```
#210aa9 rgb(33,10,169)
```
#1c03b0
```
#1c03b0 rgb(28,3,176)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4d4c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5474 Protanopia 1% of men
#4c5471 Deuteranopia 1% of men
#50565c Tritanopia 0.001% of the population

Trichromacy

#4b4f71 Protanomaly 1% of men, 0.01% of women
#4c4f6f Deuteranomaly 6% of men, 0.4% of women
#4f5161 Tritanomaly 0.01% of the population

#4d486b hex color

#4d486b Color Information

#4d486b Color Conversion

Color Schemes with #4d486b

Alternatives to #4d486b

#4d486b Preview

Shades and Tints of #4d486b

Tones of #4d486b

Color Blindness Simulator