#3c506b hex color

In a RGB color space, hex #3c506b is composed of 23.5% red, 31.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 25.2% magenta, 0% yellow and 58% black. It has a hue angle of 214.5 degrees, a saturation of 28.1% and a lightness of 32.7%. #3c506b color hex could be obtained by blending #78a0d6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3c506b has RGB values of R:60, G:80, B:107 and CMYK values of C:0.44, M:0.25, Y:0, K:0.58. Its decimal value is 3952747.

Hex triplet	3c506b	`#3c506b`
RGB Decimal	60, 80, 107	`rgb(60,80,107)`
RGB Percent	23.5, 31.4, 42	`rgb(23.5%,31.4%,42%)`
CMYK	44, 25, 0, 58
HSL	214.5°, 28.1, 32.7	`hsl(214.5,28.1%,32.7%)`
HSV (or HSB)	214.5°, 43.9, 42
Web Safe	336666	`#336666`

CIE-LAB	33.476, 0.101, -18.03
XYZ	7.385, 7.759, 15.018
xyY	0.245, 0.257, 7.759
CIE-LCH	33.476, 18.03, 270.321
CIE-LUV	33.476, -9.948, -23.805
Hunter-Lab	27.855, -1.421, -12.466
Binary	00111100, 01010000, 01101011

#3c506b
```
#3c506b rgb(60,80,107)
```
#6b573c
```
#6b573c rgb(107,87,60)
```

Complementary Color

#3c686b
```
#3c686b rgb(60,104,107)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#403c6b
```
#403c6b rgb(64,60,107)
```

Analogous Color

#686b3c
```
#686b3c rgb(104,107,60)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#6b403c
```
#6b403c rgb(107,64,60)
```

Split Complementary Color

#506b3c
```
#506b3c rgb(80,107,60)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#6b3c50
```
#6b3c50 rgb(107,60,80)
```

Triadic Color

#3c6b57
```
#3c6b57 rgb(60,107,87)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#6b3c50
```
#6b3c50 rgb(107,60,80)
```
#6b573c
```
#6b573c rgb(107,87,60)
```

Tetradic Color

#212b3a
```
#212b3a rgb(33,43,58)
```
#2a384a
```
#2a384a rgb(42,56,74)
```
#33445b
```
#33445b rgb(51,68,91)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#455c7b
```
#455c7b rgb(69,92,123)
```
#4e688c
```
#4e688c rgb(78,104,140)
```
#57759c
```
#57759c rgb(87,117,156)
```

Monochromatic Color

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

#3c5c6b
```
#3c5c6b rgb(60,92,107)
```
#3c586b
```
#3c586b rgb(60,88,107)
```
#3c546b
```
#3c546b rgb(60,84,107)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#3c4c6b
```
#3c4c6b rgb(60,76,107)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#3c446b
```
#3c446b rgb(60,68,107)
```

Similar Colors

Text with hexadecimal color #3c506b

This text has a font color of #3c506b.

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

#3c506b background color

This paragraph has a background color of #3c506b.

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

#3c506b border color

This element has a border color of #3c506b.

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

CSS codes

.text {color:#3c506b;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e13
```
#0b0e13 rgb(11,14,19)
```
#121820
```
#121820 rgb(18,24,32)
```
#19212c
```
#19212c rgb(25,33,44)
```
#202a39
```
#202a39 rgb(32,42,57)
```
#273445
```
#273445 rgb(39,52,69)
```
#2e3d52
```
#2e3d52 rgb(46,61,82)
```
#35475e
```
#35475e rgb(53,71,94)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#435978
```
#435978 rgb(67,89,120)
```
#4a6384
```
#4a6384 rgb(74,99,132)
```
#516c91
```
#516c91 rgb(81,108,145)
```
#58769d
```
#58769d rgb(88,118,157)
```

Shade Color Variation

#627fa7
```
#627fa7 rgb(98,127,167)
```
#6f8aae
```
#6f8aae rgb(111,138,174)
```
#7b94b5
```
#7b94b5 rgb(123,148,181)
```
#889ebc
```
#889ebc rgb(136,158,188)
```
#94a8c3
```
#94a8c3 rgb(148,168,195)
```
#a1b2ca
```
#a1b2ca rgb(161,178,202)
```
#adbdd1
```
#adbdd1 rgb(173,189,209)
```
#bac7d8
```
#bac7d8 rgb(186,199,216)
```
#c7d1df
```
#c7d1df rgb(199,209,223)
```
#d3dbe6
```
#d3dbe6 rgb(211,219,230)
```
#e0e6ed
```
#e0e6ed rgb(224,230,237)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#4f5358
```
#4f5358 rgb(79,83,88)
```
#49525e
```
#49525e rgb(73,82,94)
```
#425165
```
#425165 rgb(66,81,101)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#364f71
```
#364f71 rgb(54,79,113)
```
#2f4e78
```
#2f4e78 rgb(47,78,120)
```
#294d7e
```
#294d7e rgb(41,77,126)
```
#224c85
```
#224c85 rgb(34,76,133)
```
#1c4b8b
```
#1c4b8b rgb(28,75,139)
```
#154a92
```
#154a92 rgb(21,74,146)
```
#0f4998
```
#0f4998 rgb(15,73,152)
```
#09489e
```
#09489e rgb(9,72,158)
```
#0247a5
```
#0247a5 rgb(2,71,165)
```

Tone Color Variation

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

#505671 Protanopia 1% of men
#4f5673 Deuteranopia 1% of men
#405c62 Tritanopia 0.001% of the population

Trichromacy

#48546e Protanomaly 1% of men, 0.01% of women
#485470 Deuteranomaly 6% of men, 0.4% of women
#3f5765 Tritanomaly 0.01% of the population

#3c506b hex color

#3c506b Color Information

#3c506b Color Conversion

Color Schemes with #3c506b

Alternatives to #3c506b

#3c506b Preview

Shades and Tints of #3c506b

Tones of #3c506b

Color Blindness Simulator