#3d506b hex color

In a RGB color space, hex #3d506b is composed of 23.9% red, 31.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 25.2% magenta, 0% yellow and 58% black. It has a hue angle of 215.2 degrees, a saturation of 27.4% and a lightness of 32.9%. #3d506b color hex could be obtained by blending #7aa0d6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 42
RGB color chart
- C 43
- M 25
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #3d506b has RGB values of R:61, G:80, B:107 and CMYK values of C:0.43, M:0.25, Y:0, K:0.58. Its decimal value is 4018283.

Hex triplet	3d506b	`#3d506b`
RGB Decimal	61, 80, 107	`rgb(61,80,107)`
RGB Percent	23.9, 31.4, 42	`rgb(23.9%,31.4%,42%)`
CMYK	43, 25, 0, 58
HSL	215.2°, 27.4, 32.9	`hsl(215.2,27.4%,32.9%)`
HSV (or HSB)	215.2°, 43, 42
Web Safe	336666	`#336666`

CIE-LAB	33.543, 0.399, -17.922
XYZ	7.446, 7.791, 15.02
xyY	0.246, 0.257, 7.791
CIE-LCH	33.543, 17.926, 271.275
CIE-LUV	33.543, -9.583, -23.7
Hunter-Lab	27.912, -1.225, -12.368
Binary	00111101, 01010000, 01101011

#3d506b
```
#3d506b rgb(61,80,107)
```
#6b583d
```
#6b583d rgb(107,88,61)
```

Complementary Color

#3d676b
```
#3d676b rgb(61,103,107)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#413d6b
```
#413d6b rgb(65,61,107)
```

Analogous Color

#676b3d
```
#676b3d rgb(103,107,61)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#6b413d
```
#6b413d rgb(107,65,61)
```

Split Complementary Color

#506b3d
```
#506b3d rgb(80,107,61)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#6b3d50
```
#6b3d50 rgb(107,61,80)
```

Triadic Color

#3d6b58
```
#3d6b58 rgb(61,107,88)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#6b3d50
```
#6b3d50 rgb(107,61,80)
```
#6b583d
```
#6b583d rgb(107,88,61)
```

Tetradic Color

#212c3a
```
#212c3a rgb(33,44,58)
```
#2a384b
```
#2a384b rgb(42,56,75)
```
#34445b
```
#34445b rgb(52,68,91)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#465c7b
```
#465c7b rgb(70,92,123)
```
#50688b
```
#50688b rgb(80,104,139)
```
#59749c
```
#59749c rgb(89,116,156)
```

Monochromatic Color

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

#3d5c6b
```
#3d5c6b rgb(61,92,107)
```
#3d586b
```
#3d586b rgb(61,88,107)
```
#3d546b
```
#3d546b rgb(61,84,107)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#3d4c6b
```
#3d4c6b rgb(61,76,107)
```
#3d486b
```
#3d486b rgb(61,72,107)
```
#3d456b
```
#3d456b rgb(61,69,107)
```

Similar Colors

Text with hexadecimal color #3d506b

This text has a font color of #3d506b.

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

#3d506b background color

This paragraph has a background color of #3d506b.

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

#3d506b border color

This element has a border color of #3d506b.

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

CSS codes

.text {color:#3d506b;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0f14
```
#0b0f14 rgb(11,15,20)
```
#121820
```
#121820 rgb(18,24,32)
```
#19212d
```
#19212d rgb(25,33,45)
```
#212b39
```
#212b39 rgb(33,43,57)
```
#283446
```
#283446 rgb(40,52,70)
```
#2f3d52
```
#2f3d52 rgb(47,61,82)
```
#36475f
```
#36475f rgb(54,71,95)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#445977
```
#445977 rgb(68,89,119)
```
#4b6384
```
#4b6384 rgb(75,99,132)
```
#526c90
```
#526c90 rgb(82,108,144)
```
#59759d
```
#59759d rgb(89,117,157)
```

Shade Color Variation

#647fa6
```
#647fa6 rgb(100,127,166)
```
#708aae
```
#708aae rgb(112,138,174)
```
#7d94b5
```
#7d94b5 rgb(125,148,181)
```
#899ebc
```
#899ebc rgb(137,158,188)
```
#96a8c3
```
#96a8c3 rgb(150,168,195)
```
#a2b3ca
```
#a2b3ca rgb(162,179,202)
```
#afbdd1
```
#afbdd1 rgb(175,189,209)
```
#bbc7d8
```
#bbc7d8 rgb(187,199,216)
```
#c8d1df
```
#c8d1df rgb(200,209,223)
```
#d4dce7
```
#d4dce7 rgb(212,220,231)
```
#e1e6ee
```
#e1e6ee rgb(225,230,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#505358
```
#505358 rgb(80,83,88)
```
#4a525e
```
#4a525e rgb(74,82,94)
```
#435165
```
#435165 rgb(67,81,101)
```
#3d506b
```
#3d506b rgb(61,80,107)
```
#374f71
```
#374f71 rgb(55,79,113)
```
#304e78
```
#304e78 rgb(48,78,120)
```
#2a4d7e
```
#2a4d7e rgb(42,77,126)
```
#234c85
```
#234c85 rgb(35,76,133)
```
#1d4a8b
```
#1d4a8b rgb(29,74,139)
```
#164992
```
#164992 rgb(22,73,146)
```
#104898
```
#104898 rgb(16,72,152)
```
#09479f
```
#09479f rgb(9,71,159)
```
#0346a5
```
#0346a5 rgb(3,70,165)
```

Tone Color Variation

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

Dichromacy

#505771 Protanopia 1% of men
#4f5673 Deuteranopia 1% of men
#415c62 Tritanopia 0.001% of the population

Trichromacy

#49546f Protanomaly 1% of men, 0.01% of women
#485470 Deuteranomaly 6% of men, 0.4% of women
#405765 Tritanomaly 0.01% of the population

#3d506b hex color

#3d506b Color Information

#3d506b Color Conversion

Color Schemes with #3d506b

Alternatives to #3d506b

#3d506b Preview

Shades and Tints of #3d506b

Tones of #3d506b

Color Blindness Simulator