#3e506c hex color

In a RGB color space, hex #3e506c is composed of 24.3% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 25.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 216.5 degrees, a saturation of 27.1% and a lightness of 33.3%. #3e506c color hex could be obtained by blending #7ca0d8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3e506c has RGB values of R:62, G:80, B:108 and CMYK values of C:0.43, M:0.26, Y:0, K:0.58. Its decimal value is 4083820.

Hex triplet	3e506c	`#3e506c`
RGB Decimal	62, 80, 108	`rgb(62,80,108)`
RGB Percent	24.3, 31.4, 42.4	`rgb(24.3%,31.4%,42.4%)`
CMYK	43, 26, 0, 58
HSL	216.5°, 27.1, 33.3	`hsl(216.5,27.1%,33.3%)`
HSV (or HSB)	216.5°, 42.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	33.656, 1.01, -18.369
XYZ	7.561, 7.844, 15.302
xyY	0.246, 0.255, 7.844
CIE-LCH	33.656, 18.397, 273.148
CIE-LUV	33.656, -9.229, -24.416
Hunter-Lab	28.007, -0.82, -12.789
Binary	00111110, 01010000, 01101100

#3e506c
```
#3e506c rgb(62,80,108)
```
#6c5a3e
```
#6c5a3e rgb(108,90,62)
```

Complementary Color

#3e676c
```
#3e676c rgb(62,103,108)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#433e6c
```
#433e6c rgb(67,62,108)
```

Analogous Color

#676c3e
```
#676c3e rgb(103,108,62)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#6c433e
```
#6c433e rgb(108,67,62)
```

Split Complementary Color

#506c3e
```
#506c3e rgb(80,108,62)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#6c3e50
```
#6c3e50 rgb(108,62,80)
```

Triadic Color

#3e6c5a
```
#3e6c5a rgb(62,108,90)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#6c3e50
```
#6c3e50 rgb(108,62,80)
```
#6c5a3e
```
#6c5a3e rgb(108,90,62)
```

Tetradic Color

#222c3b
```
#222c3b rgb(34,44,59)
```
#2b384c
```
#2b384c rgb(43,56,76)
```
#35445c
```
#35445c rgb(53,68,92)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#475c7c
```
#475c7c rgb(71,92,124)
```
#51688c
```
#51688c rgb(81,104,140)
```
#5a749d
```
#5a749d rgb(90,116,157)
```

Monochromatic Color

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

#3e5c6c
```
#3e5c6c rgb(62,92,108)
```
#3e586c
```
#3e586c rgb(62,88,108)
```
#3e546c
```
#3e546c rgb(62,84,108)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#3e4c6c
```
#3e4c6c rgb(62,76,108)
```
#3e486c
```
#3e486c rgb(62,72,108)
```
#3e456c
```
#3e456c rgb(62,69,108)
```

Similar Colors

Text with hexadecimal color #3e506c

This text has a font color of #3e506c.

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

#3e506c background color

This paragraph has a background color of #3e506c.

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

#3e506c border color

This element has a border color of #3e506c.

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

CSS codes

.text {color:#3e506c;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f15
```
#0c0f15 rgb(12,15,21)
```
#131921
```
#131921 rgb(19,25,33)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#212b3a
```
#212b3a rgb(33,43,58)
```
#293447
```
#293447 rgb(41,52,71)
```
#303e53
```
#303e53 rgb(48,62,83)
```
#374760
```
#374760 rgb(55,71,96)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#455978
```
#455978 rgb(69,89,120)
```
#4c6285
```
#4c6285 rgb(76,98,133)
```
#536c91
```
#536c91 rgb(83,108,145)
```
#5b759e
```
#5b759e rgb(91,117,158)
```

Shade Color Variation

#657fa7
```
#657fa7 rgb(101,127,167)
```
#7289ae
```
#7289ae rgb(114,137,174)
```
#7e94b5
```
#7e94b5 rgb(126,148,181)
```
#8b9ebc
```
#8b9ebc rgb(139,158,188)
```
#97a8c3
```
#97a8c3 rgb(151,168,195)
```
#a4b3cb
```
#a4b3cb rgb(164,179,203)
```
#b0bdd2
```
#b0bdd2 rgb(176,189,210)
```
#bdc8d9
```
#bdc8d9 rgb(189,200,217)
```
#c9d2e0
```
#c9d2e0 rgb(201,210,224)
```
#d5dce7
```
#d5dce7 rgb(213,220,231)
```
#e2e7ee
```
#e2e7ee rgb(226,231,238)
```
#eef1f5
```
#eef1f5 rgb(238,241,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#525458
```
#525458 rgb(82,84,88)
```
#4b535f
```
#4b535f rgb(75,83,95)
```
#455165
```
#455165 rgb(69,81,101)
```
#3e506c
```
#3e506c rgb(62,80,108)
```
#374f73
```
#374f73 rgb(55,79,115)
```
#314d79
```
#314d79 rgb(49,77,121)
```
#2a4c80
```
#2a4c80 rgb(42,76,128)
```
#244a86
```
#244a86 rgb(36,74,134)
```
#1d498d
```
#1d498d rgb(29,73,141)
```
#174793
```
#174793 rgb(23,71,147)
```
#10469a
```
#10469a rgb(16,70,154)
```
#0a45a0
```
#0a45a0 rgb(10,69,160)
```
#0343a7
```
#0343a7 rgb(3,67,167)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4b4e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505772 Protanopia 1% of men
#4f5774 Deuteranopia 1% of men
#425c63 Tritanopia 0.001% of the population

Trichromacy

#495470 Protanomaly 1% of men, 0.01% of women
#495471 Deuteranomaly 6% of men, 0.4% of women
#405766 Tritanomaly 0.01% of the population

#3e506c hex color

#3e506c Color Information

#3e506c Color Conversion

Color Schemes with #3e506c

Alternatives to #3e506c

#3e506c Preview

Shades and Tints of #3e506c

Tones of #3e506c

Color Blindness Simulator