#3c506c hex color

In a RGB color space, hex #3c506c is composed of 23.5% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 25.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 215 degrees, a saturation of 28.6% and a lightness of 32.9%. #3c506c color hex could be obtained by blending #78a0d8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3c506c has RGB values of R:60, G:80, B:108 and CMYK values of C:0.44, M:0.26, Y:0, K:0.58. Its decimal value is 3952748.

Hex triplet	3c506c	`#3c506c`
RGB Decimal	60, 80, 108	`rgb(60,80,108)`
RGB Percent	23.5, 31.4, 42.4	`rgb(23.5%,31.4%,42.4%)`
CMYK	44, 26, 0, 58
HSL	215°, 28.6, 32.9	`hsl(215,28.6%,32.9%)`
HSV (or HSB)	215°, 44.4, 42.4
Web Safe	336666	`#336666`

CIE-LAB	33.521, 0.416, -18.588
XYZ	7.438, 7.78, 15.296
xyY	0.244, 0.255, 7.78
CIE-LCH	33.521, 18.593, 271.281
CIE-LUV	33.521, -9.96, -24.627
Hunter-Lab	27.893, -1.213, -12.989
Binary	00111100, 01010000, 01101100

#3c506c
```
#3c506c rgb(60,80,108)
```
#6c583c
```
#6c583c rgb(108,88,60)
```

Complementary Color

#3c686c
```
#3c686c rgb(60,104,108)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#403c6c
```
#403c6c rgb(64,60,108)
```

Analogous Color

#686c3c
```
#686c3c rgb(104,108,60)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#6c403c
```
#6c403c rgb(108,64,60)
```

Split Complementary Color

#506c3c
```
#506c3c rgb(80,108,60)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#6c3c50
```
#6c3c50 rgb(108,60,80)
```

Triadic Color

#3c6c58
```
#3c6c58 rgb(60,108,88)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#6c3c50
```
#6c3c50 rgb(108,60,80)
```
#6c583c
```
#6c583c rgb(108,88,60)
```

Tetradic Color

#212c3b
```
#212c3b rgb(33,44,59)
```
#2a384b
```
#2a384b rgb(42,56,75)
```
#33445c
```
#33445c rgb(51,68,92)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#455c7c
```
#455c7c rgb(69,92,124)
```
#4e688d
```
#4e688d rgb(78,104,141)
```
#57749d
```
#57749d rgb(87,116,157)
```

Monochromatic Color

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

#3c5c6c
```
#3c5c6c rgb(60,92,108)
```
#3c586c
```
#3c586c rgb(60,88,108)
```
#3c546c
```
#3c546c rgb(60,84,108)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#3c4c6c
```
#3c4c6c rgb(60,76,108)
```
#3c486c
```
#3c486c rgb(60,72,108)
```
#3c446c
```
#3c446c rgb(60,68,108)
```

Similar Colors

Text with hexadecimal color #3c506c

This text has a font color of #3c506c.

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

#3c506c background color

This paragraph has a background color of #3c506c.

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

#3c506c border color

This element has a border color of #3c506c.

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

CSS codes

.text {color:#3c506c;}

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

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

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)
```
#202b3a
```
#202b3a rgb(32,43,58)
```
#273446
```
#273446 rgb(39,52,70)
```
#2e3d53
```
#2e3d53 rgb(46,61,83)
```
#35475f
```
#35475f rgb(53,71,95)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#435979
```
#435979 rgb(67,89,121)
```
#4a6385
```
#4a6385 rgb(74,99,133)
```
#516c92
```
#516c92 rgb(81,108,146)
```
#58759e
```
#58759e rgb(88,117,158)
```

Shade Color Variation

#627fa8
```
#627fa8 rgb(98,127,168)
```
#6f8aaf
```
#6f8aaf rgb(111,138,175)
```
#7b94b6
```
#7b94b6 rgb(123,148,182)
```
#889ebd
```
#889ebd rgb(136,158,189)
```
#95a8c4
```
#95a8c4 rgb(149,168,196)
```
#a1b3cb
```
#a1b3cb rgb(161,179,203)
```
#aebdd2
```
#aebdd2 rgb(174,189,210)
```
#bac7d9
```
#bac7d9 rgb(186,199,217)
```
#c7d1e0
```
#c7d1e0 rgb(199,209,224)
```
#d4dce7
```
#d4dce7 rgb(212,220,231)
```
#e0e6ee
```
#e0e6ee rgb(224,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, #4f5359 is the less saturated color, while #0246a6 is the most saturated one.

#4f5359
```
#4f5359 rgb(79,83,89)
```
#49525f
```
#49525f rgb(73,82,95)
```
#425166
```
#425166 rgb(66,81,102)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#364f72
```
#364f72 rgb(54,79,114)
```
#2f4e79
```
#2f4e79 rgb(47,78,121)
```
#294d7f
```
#294d7f rgb(41,77,127)
```
#224c86
```
#224c86 rgb(34,76,134)
```
#1c4b8c
```
#1c4b8c rgb(28,75,140)
```
#154a93
```
#154a93 rgb(21,74,147)
```
#0f4899
```
#0f4899 rgb(15,72,153)
```
#0847a0
```
#0847a0 rgb(8,71,160)
```
#0246a6
```
#0246a6 rgb(2,70,166)
```

Tone Color Variation

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

#4f5772 Protanopia 1% of men
#4e5674 Deuteranopia 1% of men
#405c63 Tritanopia 0.001% of the population

Trichromacy

#48546f Protanomaly 1% of men, 0.01% of women
#485471 Deuteranomaly 6% of men, 0.4% of women
#3e5766 Tritanomaly 0.01% of the population

#3c506c hex color

#3c506c Color Information

#3c506c Color Conversion

Color Schemes with #3c506c

Alternatives to #3c506c

#3c506c Preview

Shades and Tints of #3c506c

Tones of #3c506c

Color Blindness Simulator