#4d58cc hex color

In a RGB color space, hex #4d58cc is composed of 30.2% red, 34.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 56.9% magenta, 0% yellow and 20% black. It has a hue angle of 234.8 degrees, a saturation of 55.5% and a lightness of 55.1%. #4d58cc color hex could be obtained by blending #9ab0ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 30
- G 35
- B 80
RGB color chart
- C 62
- M 57
- Y 0
- K 20
CMYK color chart

● #4d58cc color description : Moderate blue.

The hexadecimal color #4d58cc has RGB values of R:77, G:88, B:204 and CMYK values of C:0.62, M:0.57, Y:0, K:0.2. Its decimal value is 5069004.

Hex triplet	4d58cc	`#4d58cc`
RGB Decimal	77, 88, 204	`rgb(77,88,204)`
RGB Percent	30.2, 34.5, 80	`rgb(30.2%,34.5%,80%)`
CMYK	62, 57, 0, 20
HSL	234.8°, 55.5, 55.1	`hsl(234.8,55.5%,55.1%)`
HSV (or HSB)	234.8°, 62.3, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.636, 31.419, -61.676
XYZ	17.447, 12.916, 58.697
xyY	0.196, 0.145, 12.916
CIE-LCH	42.636, 69.217, 296.995
CIE-LUV	42.636, -9.776, -93.218
Hunter-Lab	35.939, 23.763, -71.678
Binary	01001101, 01011000, 11001100

#4d58cc
```
#4d58cc rgb(77,88,204)
```
#ccc14d
```
#ccc14d rgb(204,193,77)
```

Complementary Color

#4d98cc
```
#4d98cc rgb(77,152,204)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#824dcc
```
#824dcc rgb(130,77,204)
```

Analogous Color

#98cc4d
```
#98cc4d rgb(152,204,77)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#cc824d
```
#cc824d rgb(204,130,77)
```

Split Complementary Color

#58cc4d
```
#58cc4d rgb(88,204,77)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#cc4d58
```
#cc4d58 rgb(204,77,88)
```

Triadic Color

#4dccc1
```
#4dccc1 rgb(77,204,193)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#cc4d58
```
#cc4d58 rgb(204,77,88)
```
#ccc14d
```
#ccc14d rgb(204,193,77)
```

Tetradic Color

#2e379f
```
#2e379f rgb(46,55,159)
```
#333eb3
```
#333eb3 rgb(51,62,179)
```
#3945c6
```
#3945c6 rgb(57,69,198)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#616bd2
```
#616bd2 rgb(97,107,210)
```
#757dd7
```
#757dd7 rgb(117,125,215)
```
#8890dd
```
#8890dd rgb(136,144,221)
```

Monochromatic Color

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

#4d78cc
```
#4d78cc rgb(77,120,204)
```
#4d6dcc
```
#4d6dcc rgb(77,109,204)
```
#4d63cc
```
#4d63cc rgb(77,99,204)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#4d4dcc
```
#4d4dcc rgb(77,77,204)
```
#574dcc
```
#574dcc rgb(87,77,204)
```
#624dcc
```
#624dcc rgb(98,77,204)
```

Similar Colors

Text with hexadecimal color #4d58cc

This text has a font color of #4d58cc.

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

#4d58cc background color

This paragraph has a background color of #4d58cc.

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

#4d58cc border color

This element has a border color of #4d58cc.

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

CSS codes

.text {color:#4d58cc;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060714
```
#060714 rgb(6,7,20)
```
#0a0c23
```
#0a0c23 rgb(10,12,35)
```
#0f1233
```
#0f1233 rgb(15,18,51)
```
#131742
```
#131742 rgb(19,23,66)
```
#171c51
```
#171c51 rgb(23,28,81)
```
#1c2260
```
#1c2260 rgb(28,34,96)
```
#202770
```
#202770 rgb(32,39,112)
```
#242c7f
```
#242c7f rgb(36,44,127)
```
#29328e
```
#29328e rgb(41,50,142)
```
#2d379d
```
#2d379d rgb(45,55,157)
```
#313cad
```
#313cad rgb(49,60,173)
```
#3641bc
```
#3641bc rgb(54,65,188)
```

Shade Color Variation

#3e4ac8
```
#3e4ac8 rgb(62,74,200)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#5c66d0
```
#5c66d0 rgb(92,102,208)
```
#6b75d5
```
#6b75d5 rgb(107,117,213)
```
#7b83d9
```
#7b83d9 rgb(123,131,217)
```
#8a91dd
```
#8a91dd rgb(138,145,221)
```
#99a0e2
```
#99a0e2 rgb(153,160,226)
```
#a8aee6
```
#a8aee6 rgb(168,174,230)
```
#b8bceb
```
#b8bceb rgb(184,188,235)
```
#c7caef
```
#c7caef rgb(199,202,239)
```
#d6d9f3
```
#d6d9f3 rgb(214,217,243)
```
#e5e7f8
```
#e5e7f8 rgb(229,231,248)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8e is the less saturated color, while #2134f8 is the most saturated one.

#8b8b8e
```
#8b8b8e rgb(139,139,142)
```
#828497
```
#828497 rgb(130,132,151)
```
#797ca0
```
#797ca0 rgb(121,124,160)
```
#7075a9
```
#7075a9 rgb(112,117,169)
```
#676eb2
```
#676eb2 rgb(103,110,178)
```
#5f67ba
```
#5f67ba rgb(95,103,186)
```
#565fc3
```
#565fc3 rgb(86,95,195)
```
#4d58cc
```
#4d58cc rgb(77,88,204)
```
#4451d5
```
#4451d5 rgb(68,81,213)
```
#3b49de
```
#3b49de rgb(59,73,222)
```
#3342e6
```
#3342e6 rgb(51,66,230)
```
#2a3bef
```
#2a3bef rgb(42,59,239)
```
#2134f8
```
#2134f8 rgb(33,52,248)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5e6077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#11777f Tritanopia 0.001% of the population

Trichromacy

#1c63cd Protanomaly 1% of men, 0.01% of women
#1c66bd Deuteranomaly 6% of men, 0.4% of women
#276b9b Tritanomaly 0.01% of the population

#4d58cc hex color

#4d58cc Color Information

#4d58cc Color Conversion

Color Schemes with #4d58cc

Alternatives to #4d58cc

#4d58cc Preview

Shades and Tints of #4d58cc

Tones of #4d58cc

Color Blindness Simulator