#3d4d69 hex color

In a RGB color space, hex #3d4d69 is composed of 23.9% red, 30.2% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 26.7% magenta, 0% yellow and 58.8% black. It has a hue angle of 218.2 degrees, a saturation of 26.5% and a lightness of 32.5%. #3d4d69 color hex could be obtained by blending #7a9ad2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 30
- B 41
RGB color chart
- C 42
- M 27
- Y 0
- K 59
CMYK color chart

● #3d4d69 color description : Very dark desaturated blue.

The hexadecimal color #3d4d69 has RGB values of R:61, G:77, B:105 and CMYK values of C:0.42, M:0.27, Y:0, K:0.59. Its decimal value is 4017513.

Hex triplet	3d4d69	`#3d4d69`
RGB Decimal	61, 77, 105	`rgb(61,77,105)`
RGB Percent	23.9, 30.2, 41.2	`rgb(23.9%,30.2%,41.2%)`
CMYK	42, 27, 0, 59
HSL	218.2°, 26.5, 32.5	`hsl(218.2,26.5%,32.5%)`
HSV (or HSB)	218.2°, 41.9, 41.2
Web Safe	336666	`#336666`

CIE-LAB	32.524, 1.696, -18.239
XYZ	7.128, 7.32, 14.401
xyY	0.247, 0.254, 7.32
CIE-LCH	32.524, 18.318, 275.312
CIE-LUV	32.524, -8.366, -24.071
Hunter-Lab	27.055, -0.319, -12.622
Binary	00111101, 01001101, 01101001

#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#69593d
```
#69593d rgb(105,89,61)
```

Complementary Color

#3d6369
```
#3d6369 rgb(61,99,105)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#433d69
```
#433d69 rgb(67,61,105)
```

Analogous Color

#63693d
```
#63693d rgb(99,105,61)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#69433d
```
#69433d rgb(105,67,61)
```

Split Complementary Color

#4d693d
```
#4d693d rgb(77,105,61)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#693d4d
```
#693d4d rgb(105,61,77)
```

Triadic Color

#3d6959
```
#3d6959 rgb(61,105,89)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#693d4d
```
#693d4d rgb(105,61,77)
```
#69593d
```
#69593d rgb(105,89,61)
```

Tetradic Color

#212a39
```
#212a39 rgb(33,42,57)
```
#2a3549
```
#2a3549 rgb(42,53,73)
```
#344159
```
#344159 rgb(52,65,89)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#465979
```
#465979 rgb(70,89,121)
```
#506589
```
#506589 rgb(80,101,137)
```
#597099
```
#597099 rgb(89,112,153)
```

Monochromatic Color

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

#3d5869
```
#3d5869 rgb(61,88,105)
```
#3d5469
```
#3d5469 rgb(61,84,105)
```
#3d5169
```
#3d5169 rgb(61,81,105)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#3d4969
```
#3d4969 rgb(61,73,105)
```
#3d4669
```
#3d4669 rgb(61,70,105)
```
#3d4269
```
#3d4269 rgb(61,66,105)
```

Similar Colors

Text with hexadecimal color #3d4d69

This text has a font color of #3d4d69.

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

#3d4d69 background color

This paragraph has a background color of #3d4d69.

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

#3d4d69 border color

This element has a border color of #3d4d69.

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

CSS codes

.text {color:#3d4d69;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0d12
```
#0b0d12 rgb(11,13,18)
```
#12161f
```
#12161f rgb(18,22,31)
```
#19202b
```
#19202b rgb(25,32,43)
```
#202937
```
#202937 rgb(32,41,55)
```
#273244
```
#273244 rgb(39,50,68)
```
#2f3b50
```
#2f3b50 rgb(47,59,80)
```
#36445d
```
#36445d rgb(54,68,93)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#445675
```
#445675 rgb(68,86,117)
```
#4b5f82
```
#4b5f82 rgb(75,95,130)
```
#53688e
```
#53688e rgb(83,104,142)
```
#5a719b
```
#5a719b rgb(90,113,155)
```

Shade Color Variation

#637ba5
```
#637ba5 rgb(99,123,165)
```
#7086ac
```
#7086ac rgb(112,134,172)
```
#7c90b3
```
#7c90b3 rgb(124,144,179)
```
#899bba
```
#899bba rgb(137,155,186)
```
#95a5c1
```
#95a5c1 rgb(149,165,193)
```
#a1b0c9
```
#a1b0c9 rgb(161,176,201)
```
#aebad0
```
#aebad0 rgb(174,186,208)
```
#bac5d7
```
#bac5d7 rgb(186,197,215)
```
#c7cfde
```
#c7cfde rgb(199,207,222)
```
#d3dae6
```
#d3dae6 rgb(211,218,230)
```
#e0e4ed
```
#e0e4ed rgb(224,228,237)
```
#eceff4
```
#eceff4 rgb(236,239,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#505256
```
#505256 rgb(80,82,86)
```
#4a505c
```
#4a505c rgb(74,80,92)
```
#434f63
```
#434f63 rgb(67,79,99)
```
#3d4d69
```
#3d4d69 rgb(61,77,105)
```
#374b6f
```
#374b6f rgb(55,75,111)
```
#304a76
```
#304a76 rgb(48,74,118)
```
#2a487c
```
#2a487c rgb(42,72,124)
```
#234683
```
#234683 rgb(35,70,131)
```
#1d4489
```
#1d4489 rgb(29,68,137)
```
#17438f
```
#17438f rgb(23,67,143)
```
#104196
```
#104196 rgb(16,65,150)
```
#0a3f9c
```
#0a3f9c rgb(10,63,156)
```
#043da2
```
#043da2 rgb(4,61,162)
```

Tone Color Variation

Below, you can see how #3d4d69 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

#4b4b4b Achromatopsia 0.005% of the population
#484b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d546f Protanopia 1% of men
#4d5471 Deuteranopia 1% of men
#415960 Tritanopia 0.001% of the population

Trichromacy

#47516d Protanomaly 1% of men, 0.01% of women
#47516e Deuteranomaly 6% of men, 0.4% of women
#405463 Tritanomaly 0.01% of the population

#3d4d69 hex color

#3d4d69 Color Information

#3d4d69 Color Conversion

Color Schemes with #3d4d69

Alternatives to #3d4d69

#3d4d69 Preview

Shades and Tints of #3d4d69

Tones of #3d4d69

Color Blindness Simulator