#3c696a hex color

In a RGB color space, hex #3c696a is composed of 23.5% red, 41.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0.9% magenta, 0% yellow and 58.4% black. It has a hue angle of 181.3 degrees, a saturation of 27.7% and a lightness of 32.5%. #3c696a color hex could be obtained by blending #78d2d4 with #000000. Closest websafe color is: #336666.

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

● #3c696a color description : Very dark desaturated cyan.

The hexadecimal color #3c696a has RGB values of R:60, G:105, B:106 and CMYK values of C:0.43, M:0.01, Y:0, K:0.58. Its decimal value is 3959146.

Hex triplet	3c696a	`#3c696a`
RGB Decimal	60, 105, 106	`rgb(60,105,106)`
RGB Percent	23.5, 41.2, 41.6	`rgb(23.5%,41.2%,41.6%)`
CMYK	43, 1, 0, 58
HSL	181.3°, 27.7, 32.5	`hsl(181.3,27.7%,32.5%)`
HSV (or HSB)	181.3°, 43.4, 41.6
Web Safe	336666	`#336666`

CIE-LAB	41.381, -15.16, -5.429
XYZ	9.516, 12.104, 15.47
xyY	0.257, 0.326, 12.104
CIE-LCH	41.381, 16.103, 199.701
CIE-LUV	41.381, -20.206, -5.181
Hunter-Lab	34.791, -12.061, -2.01
Binary	00111100, 01101001, 01101010

#3c696a
```
#3c696a rgb(60,105,106)
```
#6a3d3c
```
#6a3d3c rgb(106,61,60)
```

Complementary Color

#3c6a54
```
#3c6a54 rgb(60,106,84)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#3c526a
```
#3c526a rgb(60,82,106)
```

Analogous Color

#6a543c
```
#6a543c rgb(106,84,60)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#6a3c52
```
#6a3c52 rgb(106,60,82)
```

Split Complementary Color

#696a3c
```
#696a3c rgb(105,106,60)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#6a3c69
```
#6a3c69 rgb(106,60,105)
```

Triadic Color

#3c6a3d
```
#3c6a3d rgb(60,106,61)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#6a3c69
```
#6a3c69 rgb(106,60,105)
```
#6a3d3c
```
#6a3d3c rgb(106,61,60)
```

Tetradic Color

#203939
```
#203939 rgb(32,57,57)
```
#2a4949
```
#2a4949 rgb(42,73,73)
```
#33595a
```
#33595a rgb(51,89,90)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#45797a
```
#45797a rgb(69,121,122)
```
#4e898b
```
#4e898b rgb(78,137,139)
```
#58999b
```
#58999b rgb(88,153,155)
```

Monochromatic Color

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

#3c6a60
```
#3c6a60 rgb(60,106,96)
```
#3c6a63
```
#3c6a63 rgb(60,106,99)
```
#3c6a67
```
#3c6a67 rgb(60,106,103)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#3c656a
```
#3c656a rgb(60,101,106)
```
#3c616a
```
#3c616a rgb(60,97,106)
```
#3c5e6a
```
#3c5e6a rgb(60,94,106)
```

Similar Colors

Text with hexadecimal color #3c696a

This text has a font color of #3c696a.

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

#3c696a background color

This paragraph has a background color of #3c696a.

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

#3c696a border color

This element has a border color of #3c696a.

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

CSS codes

.text {color:#3c696a;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1212
```
#0a1212 rgb(10,18,18)
```
#111f1f
```
#111f1f rgb(17,31,31)
```
#192b2b
```
#192b2b rgb(25,43,43)
```
#203738
```
#203738 rgb(32,55,56)
```
#274444
```
#274444 rgb(39,68,68)
```
#2e5051
```
#2e5051 rgb(46,80,81)
```
#355d5d
```
#355d5d rgb(53,93,93)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#437577
```
#437577 rgb(67,117,119)
```
#4a8283
```
#4a8283 rgb(74,130,131)
```
#518e90
```
#518e90 rgb(81,142,144)
```
#589b9c
```
#589b9c rgb(88,155,156)
```

Shade Color Variation

#62a5a6
```
#62a5a6 rgb(98,165,166)
```
#6eacad
```
#6eacad rgb(110,172,173)
```
#7bb3b4
```
#7bb3b4 rgb(123,179,180)
```
#88babb
```
#88babb rgb(136,186,187)
```
#94c1c2
```
#94c1c2 rgb(148,193,194)
```
#a1c9ca
```
#a1c9ca rgb(161,201,202)
```
#add0d1
```
#add0d1 rgb(173,208,209)
```
#bad7d8
```
#bad7d8 rgb(186,215,216)
```
#c6dedf
```
#c6dedf rgb(198,222,223)
```
#d3e6e6
```
#d3e6e6 rgb(211,230,230)
```
#dfeded
```
#dfeded rgb(223,237,237)
```
#ecf4f4
```
#ecf4f4 rgb(236,244,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#4f5757
```
#4f5757 rgb(79,87,87)
```
#495d5d
```
#495d5d rgb(73,93,93)
```
#426364
```
#426364 rgb(66,99,100)
```
#3c696a
```
#3c696a rgb(60,105,106)
```
#366f70
```
#366f70 rgb(54,111,112)
```
#2f7577
```
#2f7577 rgb(47,117,119)
```
#297b7d
```
#297b7d rgb(41,123,125)
```
#228184
```
#228184 rgb(34,129,132)
```
#1c888a
```
#1c888a rgb(28,136,138)
```
#168e90
```
#168e90 rgb(22,142,144)
```
#0f9497
```
#0f9497 rgb(15,148,151)
```
#099a9d
```
#099a9d rgb(9,154,157)
```
#03a0a3
```
#03a0a3 rgb(3,160,163)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#565f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a696d Protanopia 1% of men
#6e6775 Deuteranopia 1% of men
#486f77 Tritanopia 0.001% of the population

Trichromacy

#59696c Protanomaly 1% of men, 0.01% of women
#5b6771 Deuteranomaly 6% of men, 0.4% of women
#436d72 Tritanomaly 0.01% of the population

#3c696a hex color

#3c696a Color Information

#3c696a Color Conversion

Color Schemes with #3c696a

Alternatives to #3c696a

#3c696a Preview

Shades and Tints of #3c696a

Tones of #3c696a

Color Blindness Simulator