#4d74bd hex color

In a RGB color space, hex #4d74bd is composed of 30.2% red, 45.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 38.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 219.1 degrees, a saturation of 45.9% and a lightness of 52.2%. #4d74bd color hex could be obtained by blending #9ae8ff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 30
- G 45
- B 74
RGB color chart
- C 59
- M 39
- Y 0
- K 26
CMYK color chart

● #4d74bd color description : Moderate blue.

The hexadecimal color #4d74bd has RGB values of R:77, G:116, B:189 and CMYK values of C:0.59, M:0.39, Y:0, K:0.26. Its decimal value is 5076157.

Hex triplet	4d74bd	`#4d74bd`
RGB Decimal	77, 116, 189	`rgb(77,116,189)`
RGB Percent	30.2, 45.5, 74.1	`rgb(30.2%,45.5%,74.1%)`
CMYK	59, 39, 0, 26
HSL	219.1°, 45.9, 52.2	`hsl(219.1,45.9%,52.2%)`
HSV (or HSB)	219.1°, 59.3, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.181, 8.757, -42.525
XYZ	18.489, 17.742, 50.591
xyY	0.213, 0.204, 17.742
CIE-LCH	49.181, 43.417, 281.635
CIE-LUV	49.181, -18.135, -65.493
Hunter-Lab	42.121, 4.642, -41.729
Binary	01001101, 01110100, 10111101

#4d74bd
```
#4d74bd rgb(77,116,189)
```
#bd964d
```
#bd964d rgb(189,150,77)
```

Complementary Color

#4dacbd
```
#4dacbd rgb(77,172,189)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#5e4dbd
```
#5e4dbd rgb(94,77,189)
```

Analogous Color

#acbd4d
```
#acbd4d rgb(172,189,77)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#bd5e4d
```
#bd5e4d rgb(189,94,77)
```

Split Complementary Color

#74bd4d
```
#74bd4d rgb(116,189,77)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#bd4d74
```
#bd4d74 rgb(189,77,116)
```

Triadic Color

#4dbd96
```
#4dbd96 rgb(77,189,150)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#bd4d74
```
#bd4d74 rgb(189,77,116)
```
#bd964d
```
#bd964d rgb(189,150,77)
```

Tetradic Color

#33528a
```
#33528a rgb(51,82,138)
```
#3a5d9d
```
#3a5d9d rgb(58,93,157)
```
#4167af
```
#4167af rgb(65,103,175)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#6083c4
```
#6083c4 rgb(96,131,196)
```
#7291cb
```
#7291cb rgb(114,145,203)
```
#85a0d2
```
#85a0d2 rgb(133,160,210)
```

Monochromatic Color

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

#4d90bd
```
#4d90bd rgb(77,144,189)
```
#4d87bd
```
#4d87bd rgb(77,135,189)
```
#4d7dbd
```
#4d7dbd rgb(77,125,189)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#4d6bbd
```
#4d6bbd rgb(77,107,189)
```
#4d61bd
```
#4d61bd rgb(77,97,189)
```
#4d58bd
```
#4d58bd rgb(77,88,189)
```

Similar Colors

Text with hexadecimal color #4d74bd

This text has a font color of #4d74bd.

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

#4d74bd background color

This paragraph has a background color of #4d74bd.

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

#4d74bd border color

This element has a border color of #4d74bd.

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

CSS codes

.text {color:#4d74bd;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080d16
```
#080d16 rgb(8,13,22)
```
#0e1625
```
#0e1625 rgb(14,22,37)
```
#131e33
```
#131e33 rgb(19,30,51)
```
#182641
```
#182641 rgb(24,38,65)
```
#1e2f50
```
#1e2f50 rgb(30,47,80)
```
#23375e
```
#23375e rgb(35,55,94)
```
#28406c
```
#28406c rgb(40,64,108)
```
#2d487b
```
#2d487b rgb(45,72,123)
```
#335189
```
#335189 rgb(51,81,137)
```
#385997
```
#385997 rgb(56,89,151)
```
#3d62a5
```
#3d62a5 rgb(61,98,165)
```
#436ab4
```
#436ab4 rgb(67,106,180)
```

Shade Color Variation

#4d74bd
```
#4d74bd rgb(77,116,189)
```
#5b7fc2
```
#5b7fc2 rgb(91,127,194)
```
#6a8ac8
```
#6a8ac8 rgb(106,138,200)
```
#7896cd
```
#7896cd rgb(120,150,205)
```
#86a1d2
```
#86a1d2 rgb(134,161,210)
```
#95acd8
```
#95acd8 rgb(149,172,216)
```
#a3b7dd
```
#a3b7dd rgb(163,183,221)
```
#b1c2e2
```
#b1c2e2 rgb(177,194,226)
```
#bfcde7
```
#bfcde7 rgb(191,205,231)
```
#ced9ed
```
#ced9ed rgb(206,217,237)
```
#dce4f2
```
#dce4f2 rgb(220,228,242)
```
#eaeff7
```
#eaeff7 rgb(234,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#7c828e
```
#7c828e rgb(124,130,142)
```
#737f97
```
#737f97 rgb(115,127,151)
```
#697da1
```
#697da1 rgb(105,125,161)
```
#607aaa
```
#607aaa rgb(96,122,170)
```
#5677b4
```
#5677b4 rgb(86,119,180)
```
#4d74bd
```
#4d74bd rgb(77,116,189)
```
#4471c6
```
#4471c6 rgb(68,113,198)
```
#3a6ed0
```
#3a6ed0 rgb(58,110,208)
```
#316bd9
```
#316bd9 rgb(49,107,217)
```
#2769e3
```
#2769e3 rgb(39,105,227)
```
#1e66ec
```
#1e66ec rgb(30,102,236)
```
#1563f5
```
#1563f5 rgb(21,99,245)
```
#0b60ff
```
#0b60ff rgb(11,96,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6a7280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e79bf Protanopia 1% of men
#4f7cbf Deuteranopia 1% of men
#3a868f Tritanopia 0.001% of the population

Trichromacy

#5877be Protanomaly 1% of men, 0.01% of women
#4e79be Deuteranomaly 6% of men, 0.4% of women
#417fa0 Tritanomaly 0.01% of the population

#4d74bd hex color

#4d74bd Color Information

#4d74bd Color Conversion

Color Schemes with #4d74bd

Alternatives to #4d74bd

#4d74bd Preview

Shades and Tints of #4d74bd

Tones of #4d74bd

Color Blindness Simulator