#4d58bb hex color

In a RGB color space, hex #4d58bb is composed of 30.2% red, 34.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 52.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 234 degrees, a saturation of 44.7% and a lightness of 51.8%. #4d58bb color hex could be obtained by blending #9ab0ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 30
- G 35
- B 73
RGB color chart
- C 59
- M 53
- Y 0
- K 27
CMYK color chart

● #4d58bb color description : Moderate blue.

The hexadecimal color #4d58bb has RGB values of R:77, G:88, B:187 and CMYK values of C:0.59, M:0.53, Y:0, K:0.27. Its decimal value is 5068987.

Hex triplet	4d58bb	`#4d58bb`
RGB Decimal	77, 88, 187	`rgb(77,88,187)`
RGB Percent	30.2, 34.5, 73.3	`rgb(30.2%,34.5%,73.3%)`
CMYK	59, 53, 0, 27
HSL	234°, 44.7, 51.8	`hsl(234,44.7%,51.8%)`
HSV (or HSB)	234°, 58.8, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.445, 25.671, -53.738
XYZ	15.518, 12.144, 48.537
xyY	0.204, 0.159, 12.144
CIE-LCH	41.445, 59.555, 295.534
CIE-LUV	41.445, -9.174, -80.792
Hunter-Lab	34.849, 18.5, -58.185
Binary	01001101, 01011000, 10111011

#4d58bb
```
#4d58bb rgb(77,88,187)
```
#bbb04d
```
#bbb04d rgb(187,176,77)
```

Complementary Color

#4d8fbb
```
#4d8fbb rgb(77,143,187)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#794dbb
```
#794dbb rgb(121,77,187)
```

Analogous Color

#8fbb4d
```
#8fbb4d rgb(143,187,77)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#bb794d
```
#bb794d rgb(187,121,77)
```

Split Complementary Color

#58bb4d
```
#58bb4d rgb(88,187,77)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#bb4d58
```
#bb4d58 rgb(187,77,88)
```

Triadic Color

#4dbbb0
```
#4dbbb0 rgb(77,187,176)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#bb4d58
```
#bb4d58 rgb(187,77,88)
```
#bbb04d
```
#bbb04d rgb(187,176,77)
```

Tetradic Color

#343c88
```
#343c88 rgb(52,60,136)
```
#3b449a
```
#3b449a rgb(59,68,154)
```
#424dad
```
#424dad rgb(66,77,173)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#5f69c2
```
#5f69c2 rgb(95,105,194)
```
#727bc9
```
#727bc9 rgb(114,123,201)
```
#848cd0
```
#848cd0 rgb(132,140,208)
```

Monochromatic Color

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

#4d74bb
```
#4d74bb rgb(77,116,187)
```
#4d6abb
```
#4d6abb rgb(77,106,187)
```
#4d61bb
```
#4d61bb rgb(77,97,187)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#4d4fbb
```
#4d4fbb rgb(77,79,187)
```
#544dbb
```
#544dbb rgb(84,77,187)
```
#5e4dbb
```
#5e4dbb rgb(94,77,187)
```

Similar Colors

Text with hexadecimal color #4d58bb

This text has a font color of #4d58bb.

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

#4d58bb background color

This paragraph has a background color of #4d58bb.

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

#4d58bb border color

This element has a border color of #4d58bb.

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

CSS codes

.text {color:#4d58bb;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#080915
```
#080915 rgb(8,9,21)
```
#0d0f23
```
#0d0f23 rgb(13,15,35)
```
#131631
```
#131631 rgb(19,22,49)
```
#181c3f
```
#181c3f rgb(24,28,63)
```
#1e224d
```
#1e224d rgb(30,34,77)
```
#23295c
```
#23295c rgb(35,41,92)
```
#282f6a
```
#282f6a rgb(40,47,106)
```
#2e3578
```
#2e3578 rgb(46,53,120)
```
#333c86
```
#333c86 rgb(51,60,134)
```
#394294
```
#394294 rgb(57,66,148)
```
#3e48a3
```
#3e48a3 rgb(62,72,163)
```
#444eb1
```
#444eb1 rgb(68,78,177)
```

Shade Color Variation

#4d58bb
```
#4d58bb rgb(77,88,187)
```
#5b65c0
```
#5b65c0 rgb(91,101,192)
```
#6973c6
```
#6973c6 rgb(105,115,198)
```
#7880cb
```
#7880cb rgb(120,128,203)
```
#868dd1
```
#868dd1 rgb(134,141,209)
```
#949bd6
```
#949bd6 rgb(148,155,214)
```
#a2a8dc
```
#a2a8dc rgb(162,168,220)
```
#b0b5e1
```
#b0b5e1 rgb(176,181,225)
```
#bfc3e6
```
#bfc3e6 rgb(191,195,230)
```
#cdd0ec
```
#cdd0ec rgb(205,208,236)
```
#dbddf1
```
#dbddf1 rgb(219,221,241)
```
#e9eaf7
```
#e9eaf7 rgb(233,234,247)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8c is the less saturated color, while #0b23fd is the most saturated one.

#7c7e8c
```
#7c7e8c rgb(124,126,140)
```
#737695
```
#737695 rgb(115,118,149)
```
#696f9f
```
#696f9f rgb(105,111,159)
```
#6067a8
```
#6067a8 rgb(96,103,168)
```
#5660b2
```
#5660b2 rgb(86,96,178)
```
#4d58bb
```
#4d58bb rgb(77,88,187)
```
#4450c4
```
#4450c4 rgb(68,80,196)
```
#3a49ce
```
#3a49ce rgb(58,73,206)
```
#3141d7
```
#3141d7 rgb(49,65,215)
```
#273ae1
```
#273ae1 rgb(39,58,225)
```
#1e32ea
```
#1e32ea rgb(30,50,234)
```
#142bf4
```
#142bf4 rgb(20,43,244)
```
#0b23fd
```
#0b23fd rgb(11,35,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5c5e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2566c4 Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#2f727b Tritanopia 0.001% of the population

Trichromacy

#3461c0 Protanomaly 1% of men, 0.01% of women
#1c64b5 Deuteranomaly 6% of men, 0.4% of women
#3a6992 Tritanomaly 0.01% of the population

#4d58bb hex color

#4d58bb Color Information

#4d58bb Color Conversion

Color Schemes with #4d58bb

Alternatives to #4d58bb

#4d58bb Preview

Shades and Tints of #4d58bb

Tones of #4d58bb

Color Blindness Simulator