#3d4e74 hex color

In a RGB color space, hex #3d4e74 is composed of 23.9% red, 30.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 32.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 221.5 degrees, a saturation of 31.1% and a lightness of 34.7%. #3d4e74 color hex could be obtained by blending #7a9ce8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 45
RGB color chart
- C 47
- M 33
- Y 0
- K 55
CMYK color chart

● #3d4e74 color description : Dark moderate blue.

The hexadecimal color #3d4e74 has RGB values of R:61, G:78, B:116 and CMYK values of C:0.47, M:0.33, Y:0, K:0.55. Its decimal value is 4017780.

Hex triplet	3d4e74	`#3d4e74`
RGB Decimal	61, 78, 116	`rgb(61,78,116)`
RGB Percent	23.9, 30.6, 45.5	`rgb(23.9%,30.6%,45.5%)`
CMYK	47, 33, 0, 55
HSL	221.5°, 31.1, 34.7	`hsl(221.5,31.1%,34.7%)`
HSV (or HSB)	221.5°, 47.4, 45.5
Web Safe	336666	`#336666`

CIE-LAB	33.353, 4.556, -23.85
XYZ	7.801, 7.702, 17.598
xyY	0.236, 0.233, 7.702
CIE-LCH	33.353, 24.281, 280.816
CIE-LUV	33.353, -8.963, -32.419
Hunter-Lab	27.752, 1.608, -18.17
Binary	00111101, 01001110, 01110100

#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#74633d
```
#74633d rgb(116,99,61)
```

Complementary Color

#3d6a74
```
#3d6a74 rgb(61,106,116)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#483d74
```
#483d74 rgb(72,61,116)
```

Analogous Color

#6a743d
```
#6a743d rgb(106,116,61)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#74483d
```
#74483d rgb(116,72,61)
```

Split Complementary Color

#4e743d
```
#4e743d rgb(78,116,61)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#743d4e
```
#743d4e rgb(116,61,78)
```

Triadic Color

#3d7463
```
#3d7463 rgb(61,116,99)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#743d4e
```
#743d4e rgb(116,61,78)
```
#74633d
```
#74633d rgb(116,99,61)
```

Tetradic Color

#232c42
```
#232c42 rgb(35,44,66)
```
#2b3853
```
#2b3853 rgb(43,56,83)
```
#344363
```
#344363 rgb(52,67,99)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#465985
```
#465985 rgb(70,89,133)
```
#4f6495
```
#4f6495 rgb(79,100,149)
```
#5770a6
```
#5770a6 rgb(87,112,166)
```

Monochromatic Color

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

#3d5c74
```
#3d5c74 rgb(61,92,116)
```
#3d5774
```
#3d5774 rgb(61,87,116)
```
#3d5374
```
#3d5374 rgb(61,83,116)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#3d4974
```
#3d4974 rgb(61,73,116)
```
#3d4574
```
#3d4574 rgb(61,69,116)
```
#3d4074
```
#3d4074 rgb(61,64,116)
```

Similar Colors

Text with hexadecimal color #3d4e74

This text has a font color of #3d4e74.

<span style="color:#3d4e74;">Text here</span>

#3d4e74 background color

This paragraph has a background color of #3d4e74.

<p style="background-color:#3d4e74;">Content here</p>

#3d4e74 border color

This element has a border color of #3d4e74.

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

CSS codes

.text {color:#3d4e74;}

.background {background-color:#3d4e74;}

.border {border:1px solid #3d4e74;}

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

#000000
```
#000000 rgb(0,0,0)
```
#07090d
```
#07090d rgb(7,9,13)
```
#0e111a
```
#0e111a rgb(14,17,26)
```
#141a27
```
#141a27 rgb(20,26,39)
```
#1b2334
```
#1b2334 rgb(27,35,52)
```
#222b41
```
#222b41 rgb(34,43,65)
```
#29344d
```
#29344d rgb(41,52,77)
```
#2f3d5a
```
#2f3d5a rgb(47,61,90)
```
#364567
```
#364567 rgb(54,69,103)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#445781
```
#445781 rgb(68,87,129)
```
#4b5f8e
```
#4b5f8e rgb(75,95,142)
```
#51689b
```
#51689b rgb(81,104,155)
```

Shade Color Variation

#5871a7
```
#5871a7 rgb(88,113,167)
```
#657cae
```
#657cae rgb(101,124,174)
```
#7287b5
```
#7287b5 rgb(114,135,181)
```
#7f92bc
```
#7f92bc rgb(127,146,188)
```
#8c9dc2
```
#8c9dc2 rgb(140,157,194)
```
#98a7c9
```
#98a7c9 rgb(152,167,201)
```
#a5b2d0
```
#a5b2d0 rgb(165,178,208)
```
#b2bdd7
```
#b2bdd7 rgb(178,189,215)
```
#bfc8dd
```
#bfc8dd rgb(191,200,221)
```
#ccd3e4
```
#ccd3e4 rgb(204,211,228)
```
#d9deeb
```
#d9deeb rgb(217,222,235)
```
#e6e9f2
```
#e6e9f2 rgb(230,233,242)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585859 is the less saturated color, while #0739aa is the most saturated one.

#585859
```
#585859 rgb(88,88,89)
```
#515660
```
#515660 rgb(81,86,96)
```
#4b5366
```
#4b5366 rgb(75,83,102)
```
#44516d
```
#44516d rgb(68,81,109)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#364b7b
```
#364b7b rgb(54,75,123)
```
#2f4982
```
#2f4982 rgb(47,73,130)
```
#294688
```
#294688 rgb(41,70,136)
```
#22448f
```
#22448f rgb(34,68,143)
```
#1b4196
```
#1b4196 rgb(27,65,150)
```
#143e9d
```
#143e9d rgb(20,62,157)
```
#0d3ca4
```
#0d3ca4 rgb(13,60,164)
```
#0739aa
```
#0739aa rgb(7,57,170)
```

Tone Color Variation

Below, you can see how #3d4e74 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
#4a4d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b567a Protanopia 1% of men
#47577b Deuteranopia 1% of men
#3e5c62 Tritanopia 0.001% of the population

Trichromacy

#455378 Protanomaly 1% of men, 0.01% of women
#435378 Deuteranomaly 6% of men, 0.4% of women
#3d5769 Tritanomaly 0.01% of the population

#3d4e74 hex color

#3d4e74 Color Information

#3d4e74 Color Conversion

Color Schemes with #3d4e74

Alternatives to #3d4e74

#3d4e74 Preview

Shades and Tints of #3d4e74

Tones of #3d4e74

Color Blindness Simulator