#3d505e hex color

In a RGB color space, hex #3d505e is composed of 23.9% red, 31.4% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 14.9% magenta, 0% yellow and 63.1% black. It has a hue angle of 205.5 degrees, a saturation of 21.3% and a lightness of 30.4%. #3d505e color hex could be obtained by blending #7aa0bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 37
RGB color chart
- C 35
- M 15
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #3d505e has RGB values of R:61, G:80, B:94 and CMYK values of C:0.35, M:0.15, Y:0, K:0.63. Its decimal value is 4018270.

Hex triplet	3d505e	`#3d505e`
RGB Decimal	61, 80, 94	`rgb(61,80,94)`
RGB Percent	23.9, 31.4, 36.9	`rgb(23.9%,31.4%,36.9%)`
CMYK	35, 15, 0, 63
HSL	205.5°, 21.3, 30.4	`hsl(205.5,21.3%,30.4%)`
HSV (or HSB)	205.5°, 35.1, 36.9
Web Safe	336666	`#336666`

CIE-LAB	33, -3.507, -10.56
XYZ	6.813, 7.537, 11.685
xyY	0.262, 0.29, 7.537
CIE-LCH	33, 11.127, 251.629
CIE-LUV	33, -9.411, -13.076
Hunter-Lab	27.454, -3.748, -6.017
Binary	00111101, 01010000, 01011110

#3d505e
```
#3d505e rgb(61,80,94)
```
#5e4b3d
```
#5e4b3d rgb(94,75,61)
```

Complementary Color

#3d5e5c
```
#3d5e5c rgb(61,94,92)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#3d405e
```
#3d405e rgb(61,64,94)
```

Analogous Color

#5e5c3d
```
#5e5c3d rgb(94,92,61)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#5e3d40
```
#5e3d40 rgb(94,61,64)
```

Split Complementary Color

#505e3d
```
#505e3d rgb(80,94,61)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#5e3d50
```
#5e3d50 rgb(94,61,80)
```

Triadic Color

#3d5e4b
```
#3d5e4b rgb(61,94,75)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#5e3d50
```
#5e3d50 rgb(94,61,80)
```
#5e4b3d
```
#5e4b3d rgb(94,75,61)
```

Tetradic Color

#1f2930
```
#1f2930 rgb(31,41,48)
```
#29363f
```
#29363f rgb(41,54,63)
```
#33434f
```
#33434f rgb(51,67,79)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#475d6d
```
#475d6d rgb(71,93,109)
```
#516a7d
```
#516a7d rgb(81,106,125)
```
#5b778c
```
#5b778c rgb(91,119,140)
```

Monochromatic Color

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

#3d585e
```
#3d585e rgb(61,88,94)
```
#3d565e
```
#3d565e rgb(61,86,94)
```
#3d535e
```
#3d535e rgb(61,83,94)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#3d4d5e
```
#3d4d5e rgb(61,77,94)
```
#3d4b5e
```
#3d4b5e rgb(61,75,94)
```
#3d485e
```
#3d485e rgb(61,72,94)
```

Similar Colors

Text with hexadecimal color #3d505e

This text has a font color of #3d505e.

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

#3d505e background color

This paragraph has a background color of #3d505e.

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

#3d505e border color

This element has a border color of #3d505e.

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

CSS codes

.text {color:#3d505e;}

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

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

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, #07090b is the darkest color, while #fefefe is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#161d23
```
#161d23 rgb(22,29,35)
```
#1e282e
```
#1e282e rgb(30,40,46)
```
#26323a
```
#26323a rgb(38,50,58)
```
#2e3c46
```
#2e3c46 rgb(46,60,70)
```
#354652
```
#354652 rgb(53,70,82)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#455a6a
```
#455a6a rgb(69,90,106)
```
#4c6476
```
#4c6476 rgb(76,100,118)
```
#546e82
```
#546e82 rgb(84,110,130)
```
#5c788e
```
#5c788e rgb(92,120,142)
```
#648399
```
#648399 rgb(100,131,153)
```

Shade Color Variation

#6f8ca2
```
#6f8ca2 rgb(111,140,162)
```
#7b96a9
```
#7b96a9 rgb(123,150,169)
```
#879fb1
```
#879fb1 rgb(135,159,177)
```
#93a9b9
```
#93a9b9 rgb(147,169,185)
```
#9fb2c0
```
#9fb2c0 rgb(159,178,192)
```
#abbcc8
```
#abbcc8 rgb(171,188,200)
```
#b6c5d0
```
#b6c5d0 rgb(182,197,208)
```
#c2cfd8
```
#c2cfd8 rgb(194,207,216)
```
#ced8df
```
#ced8df rgb(206,216,223)
```
#dae2e7
```
#dae2e7 rgb(218,226,231)
```
#e6ebef
```
#e6ebef rgb(230,235,239)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494e52 is the less saturated color, while #01599a is the most saturated one.

#494e52
```
#494e52 rgb(73,78,82)
```
#434f58
```
#434f58 rgb(67,79,88)
```
#3d505e
```
#3d505e rgb(61,80,94)
```
#375164
```
#375164 rgb(55,81,100)
```
#31526a
```
#31526a rgb(49,82,106)
```
#2b5370
```
#2b5370 rgb(43,83,112)
```
#255476
```
#255476 rgb(37,84,118)
```
#1f557c
```
#1f557c rgb(31,85,124)
```
#195582
```
#195582 rgb(25,85,130)
```
#135688
```
#135688 rgb(19,86,136)
```
#0d578e
```
#0d578e rgb(13,87,142)
```
#075894
```
#075894 rgb(7,88,148)
```
#01599a
```
#01599a rgb(1,89,154)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#494d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535664 Protanopia 1% of men
#555567 Deuteranopia 1% of men
#455a60 Tritanopia 0.001% of the population

Trichromacy

#4b5362 Protanomaly 1% of men, 0.01% of women
#4c5364 Deuteranomaly 6% of men, 0.4% of women
#42565f Tritanomaly 0.01% of the population

#3d505e hex color

#3d505e Color Information

#3d505e Color Conversion

Color Schemes with #3d505e

Alternatives to #3d505e

#3d505e Preview

Shades and Tints of #3d505e

Tones of #3d505e

Color Blindness Simulator