#4d5f83 hex color

In a RGB color space, hex #4d5f83 is composed of 30.2% red, 37.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 27.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 220 degrees, a saturation of 26% and a lightness of 40.8%. #4d5f83 color hex could be obtained by blending #9abeff with #000007. Closest websafe color is: #666699.

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

● #4d5f83 color description : Mostly desaturated dark blue.

The hexadecimal color #4d5f83 has RGB values of R:77, G:95, B:131 and CMYK values of C:0.41, M:0.27, Y:0, K:0.49. Its decimal value is 5070723.

Hex triplet	4d5f83	`#4d5f83`
RGB Decimal	77, 95, 131	`rgb(77,95,131)`
RGB Percent	30.2, 37.3, 51.4	`rgb(30.2%,37.3%,51.4%)`
CMYK	41, 27, 0, 49
HSL	220°, 26, 40.8	`hsl(220,26%,40.8%)`
HSV (or HSB)	220°, 41.2, 51.4
Web Safe	666699	`#666699`

CIE-LAB	40.247, 3.04, -22.27
XYZ	11.249, 11.401, 23.079
xyY	0.246, 0.249, 11.401
CIE-LCH	40.247, 22.477, 277.774
CIE-LUV	40.247, -9.905, -31.579
Hunter-Lab	33.765, 0.379, -16.892
Binary	01001101, 01011111, 10000011

#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#83714d
```
#83714d rgb(131,113,77)
```

Complementary Color

#4d7a83
```
#4d7a83 rgb(77,122,131)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#564d83
```
#564d83 rgb(86,77,131)
```

Analogous Color

#7a834d
```
#7a834d rgb(122,131,77)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#83564d
```
#83564d rgb(131,86,77)
```

Split Complementary Color

#5f834d
```
#5f834d rgb(95,131,77)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#834d5f
```
#834d5f rgb(131,77,95)
```

Triadic Color

#4d8371
```
#4d8371 rgb(77,131,113)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#834d5f
```
#834d5f rgb(131,77,95)
```
#83714d
```
#83714d rgb(131,113,77)
```

Tetradic Color

#313c53
```
#313c53 rgb(49,60,83)
```
#3a4863
```
#3a4863 rgb(58,72,99)
```
#445373
```
#445373 rgb(68,83,115)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#566b93
```
#566b93 rgb(86,107,147)
```
#6177a2
```
#6177a2 rgb(97,119,162)
```
#7184ac
```
#7184ac rgb(113,132,172)
```

Monochromatic Color

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

#4d6d83
```
#4d6d83 rgb(77,109,131)
```
#4d6883
```
#4d6883 rgb(77,104,131)
```
#4d6483
```
#4d6483 rgb(77,100,131)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#4d5b83
```
#4d5b83 rgb(77,91,131)
```
#4d5683
```
#4d5683 rgb(77,86,131)
```
#4d5283
```
#4d5283 rgb(77,82,131)
```

Similar Colors

Text with hexadecimal color #4d5f83

This text has a font color of #4d5f83.

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

#4d5f83 background color

This paragraph has a background color of #4d5f83.

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

#4d5f83 border color

This element has a border color of #4d5f83.

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

CSS codes

.text {color:#4d5f83;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0e14
```
#0c0e14 rgb(12,14,20)
```
#131720
```
#131720 rgb(19,23,32)
```
#1a202d
```
#1a202d rgb(26,32,45)
```
#212939
```
#212939 rgb(33,41,57)
```
#293245
```
#293245 rgb(41,50,69)
```
#303b52
```
#303b52 rgb(48,59,82)
```
#37445e
```
#37445e rgb(55,68,94)
```
#3e4d6a
```
#3e4d6a rgb(62,77,106)
```
#465677
```
#465677 rgb(70,86,119)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#54688f
```
#54688f rgb(84,104,143)
```
#5c719c
```
#5c719c rgb(92,113,156)
```

Shade Color Variation

#667ba5
```
#667ba5 rgb(102,123,165)
```
#7286ac
```
#7286ac rgb(114,134,172)
```
#7f90b4
```
#7f90b4 rgb(127,144,180)
```
#8b9bbb
```
#8b9bbb rgb(139,155,187)
```
#97a6c2
```
#97a6c2 rgb(151,166,194)
```
#a4b0c9
```
#a4b0c9 rgb(164,176,201)
```
#b0bbd1
```
#b0bbd1 rgb(176,187,209)
```
#bcc5d8
```
#bcc5d8 rgb(188,197,216)
```
#c9d0df
```
#c9d0df rgb(201,208,223)
```
#d5dbe6
```
#d5dbe6 rgb(213,219,230)
```
#e1e5ee
```
#e1e5ee rgb(225,229,238)
```
#eef0f5
```
#eef0f5 rgb(238,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65676b is the less saturated color, while #0547cb is the most saturated one.

#65676b
```
#65676b rgb(101,103,107)
```
#5d6473
```
#5d6473 rgb(93,100,115)
```
#55627b
```
#55627b rgb(85,98,123)
```
#4d5f83
```
#4d5f83 rgb(77,95,131)
```
#455c8b
```
#455c8b rgb(69,92,139)
```
#3d5a93
```
#3d5a93 rgb(61,90,147)
```
#35579b
```
#35579b rgb(53,87,155)
```
#2d54a3
```
#2d54a3 rgb(45,84,163)
```
#2552ab
```
#2552ab rgb(37,82,171)
```
#1d4fb3
```
#1d4fb3 rgb(29,79,179)
```
#154cbb
```
#154cbb rgb(21,76,187)
```
#0d4ac3
```
#0d4ac3 rgb(13,74,195)
```
#0547cb
```
#0547cb rgb(5,71,203)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6588 Protanopia 1% of men
#5b6689 Deuteranopia 1% of men
#4f6b73 Tritanopia 0.001% of the population

Trichromacy

#566386 Protanomaly 1% of men, 0.01% of women
#566387 Deuteranomaly 6% of men, 0.4% of women
#4e6779 Tritanomaly 0.01% of the population

#4d5f83 hex color

#4d5f83 Color Information

#4d5f83 Color Conversion

Color Schemes with #4d5f83

Alternatives to #4d5f83

#4d5f83 Preview

Shades and Tints of #4d5f83

Tones of #4d5f83

Color Blindness Simulator