#3c5660 hex color

In a RGB color space, hex #3c5660 is composed of 23.5% red, 33.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 10.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 196.7 degrees, a saturation of 23.1% and a lightness of 30.6%. #3c5660 color hex could be obtained by blending #78acc0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 34
- B 38
RGB color chart
- C 38
- M 10
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #3c5660 has RGB values of R:60, G:86, B:96 and CMYK values of C:0.38, M:0.1, Y:0, K:0.62. Its decimal value is 3954272.

Hex triplet	3c5660	`#3c5660`
RGB Decimal	60, 86, 96	`rgb(60,86,96)`
RGB Percent	23.5, 33.7, 37.6	`rgb(23.5%,33.7%,37.6%)`
CMYK	38, 10, 0, 62
HSL	196.7°, 23.1, 30.6	`hsl(196.7,23.1%,30.6%)`
HSV (or HSB)	196.7°, 37.5, 37.6
Web Safe	336666	`#336666`

CIE-LAB	34.924, -6.944, -8.918
XYZ	7.302, 8.46, 12.314
xyY	0.26, 0.301, 8.46
CIE-LCH	34.924, 11.303, 232.094
CIE-LUV	34.924, -12.341, -10.643
Hunter-Lab	29.087, -6.091, -4.74
Binary	00111100, 01010110, 01100000

#3c5660
```
#3c5660 rgb(60,86,96)
```
#60463c
```
#60463c rgb(96,70,60)
```

Complementary Color

#3c6058
```
#3c6058 rgb(60,96,88)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#3c4460
```
#3c4460 rgb(60,68,96)
```

Analogous Color

#60583c
```
#60583c rgb(96,88,60)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#603c44
```
#603c44 rgb(96,60,68)
```

Split Complementary Color

#56603c
```
#56603c rgb(86,96,60)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#603c56
```
#603c56 rgb(96,60,86)
```

Triadic Color

#3c6046
```
#3c6046 rgb(60,96,70)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#603c56
```
#603c56 rgb(96,60,86)
```
#60463c
```
#60463c rgb(96,70,60)
```

Tetradic Color

#1f2c31
```
#1f2c31 rgb(31,44,49)
```
#283a41
```
#283a41 rgb(40,58,65)
```
#324850
```
#324850 rgb(50,72,80)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#466470
```
#466470 rgb(70,100,112)
```
#50727f
```
#50727f rgb(80,114,127)
```
#59808f
```
#59808f rgb(89,128,143)
```

Monochromatic Color

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

#3c5f60
```
#3c5f60 rgb(60,95,96)
```
#3c5c60
```
#3c5c60 rgb(60,92,96)
```
#3c5960
```
#3c5960 rgb(60,89,96)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#3c5360
```
#3c5360 rgb(60,83,96)
```
#3c5060
```
#3c5060 rgb(60,80,96)
```
#3c4d60
```
#3c4d60 rgb(60,77,96)
```

Similar Colors

Text with hexadecimal color #3c5660

This text has a font color of #3c5660.

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

#3c5660 background color

This paragraph has a background color of #3c5660.

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

#3c5660 border color

This element has a border color of #3c5660.

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

CSS codes

.text {color:#3c5660;}

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

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

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, #070a0c is the darkest color, while #feffff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0f1518
```
#0f1518 rgb(15,21,24)
```
#162024
```
#162024 rgb(22,32,36)
```
#1e2b30
```
#1e2b30 rgb(30,43,48)
```
#25363c
```
#25363c rgb(37,54,60)
```
#2d4048
```
#2d4048 rgb(45,64,72)
```
#344b54
```
#344b54 rgb(52,75,84)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#44616c
```
#44616c rgb(68,97,108)
```
#4b6c78
```
#4b6c78 rgb(75,108,120)
```
#537684
```
#537684 rgb(83,118,132)
```
#5a8190
```
#5a8190 rgb(90,129,144)
```
#628c9c
```
#628c9c rgb(98,140,156)
```

Shade Color Variation

#6e95a4
```
#6e95a4 rgb(110,149,164)
```
#7a9eac
```
#7a9eac rgb(122,158,172)
```
#86a7b3
```
#86a7b3 rgb(134,167,179)
```
#92afbb
```
#92afbb rgb(146,175,187)
```
#9eb8c2
```
#9eb8c2 rgb(158,184,194)
```
#aac1ca
```
#aac1ca rgb(170,193,202)
```
#b6cad1
```
#b6cad1 rgb(182,202,209)
```
#c2d3d9
```
#c2d3d9 rgb(194,211,217)
```
#cedbe0
```
#cedbe0 rgb(206,219,224)
```
#dae4e8
```
#dae4e8 rgb(218,228,232)
```
#e6edf0
```
#e6edf0 rgb(230,237,240)
```
#f2f6f7
```
#f2f6f7 rgb(242,246,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#485154
```
#485154 rgb(72,81,84)
```
#42535a
```
#42535a rgb(66,83,90)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#365966
```
#365966 rgb(54,89,102)
```
#305b6c
```
#305b6c rgb(48,91,108)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#246178
```
#246178 rgb(36,97,120)
```
#1e637e
```
#1e637e rgb(30,99,126)
```
#186684
```
#186684 rgb(24,102,132)
```
#12698a
```
#12698a rgb(18,105,138)
```
#0c6b90
```
#0c6b90 rgb(12,107,144)
```
#066e96
```
#066e96 rgb(6,110,150)
```
#00719c
```
#00719c rgb(0,113,156)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4b5052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595a65 Protanopia 1% of men
#5b596a Deuteranopia 1% of men
#455f66 Tritanopia 0.001% of the population

Trichromacy

#4e5863 Protanomaly 1% of men, 0.01% of women
#505866 Deuteranomaly 6% of men, 0.4% of women
#425b63 Tritanomaly 0.01% of the population

#3c5660 hex color

#3c5660 Color Information

#3c5660 Color Conversion

Color Schemes with #3c5660

Alternatives to #3c5660

#3c5660 Preview

Shades and Tints of #3c5660

Tones of #3c5660

Color Blindness Simulator