#3c7066 hex color

In a RGB color space, hex #3c7066 is composed of 23.5% red, 43.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 0% magenta, 8.9% yellow and 56.1% black. It has a hue angle of 168.5 degrees, a saturation of 30.2% and a lightness of 33.7%. #3c7066 color hex could be obtained by blending #78e0cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 44
- B 40
RGB color chart
- C 46
- M 0
- Y 9
- K 56
CMYK color chart

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

The hexadecimal color #3c7066 has RGB values of R:60, G:112, B:102 and CMYK values of C:0.46, M:0, Y:0.09, K:0.56. Its decimal value is 3960934.

Hex triplet	3c7066	`#3c7066`
RGB Decimal	60, 112, 102	`rgb(60,112,102)`
RGB Percent	23.5, 43.9, 40	`rgb(23.5%,43.9%,40%)`
CMYK	46, 0, 9, 56
HSL	168.5°, 30.2, 33.7	`hsl(168.5,30.2%,33.7%)`
HSV (or HSB)	168.5°, 46.4, 43.9
Web Safe	336666	`#336666`

CIE-LAB	43.518, -20.069, 0.141
XYZ	10.055, 13.508, 14.647
xyY	0.263, 0.354, 13.508
CIE-LCH	43.518, 20.069, 179.597
CIE-LUV	43.518, -23.253, 3.062
Hunter-Lab	36.753, -15.482, 2.098
Binary	00111100, 01110000, 01100110

#3c7066
```
#3c7066 rgb(60,112,102)
```
#703c46
```
#703c46 rgb(112,60,70)
```

Complementary Color

#3c704c
```
#3c704c rgb(60,112,76)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#3c6070
```
#3c6070 rgb(60,96,112)
```

Analogous Color

#704c3c
```
#704c3c rgb(112,76,60)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#703c60
```
#703c60 rgb(112,60,96)
```

Split Complementary Color

#70663c
```
#70663c rgb(112,102,60)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#663c70
```
#663c70 rgb(102,60,112)
```

Triadic Color

#46703c
```
#46703c rgb(70,112,60)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#663c70
```
#663c70 rgb(102,60,112)
```
#703c46
```
#703c46 rgb(112,60,70)
```

Tetradic Color

#213e39
```
#213e39 rgb(33,62,57)
```
#2a4f48
```
#2a4f48 rgb(42,79,72)
```
#335f57
```
#335f57 rgb(51,95,87)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#458175
```
#458175 rgb(69,129,117)
```
#4e9184
```
#4e9184 rgb(78,145,132)
```
#57a293
```
#57a293 rgb(87,162,147)
```

Monochromatic Color

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

#3c7059
```
#3c7059 rgb(60,112,89)
```
#3c705d
```
#3c705d rgb(60,112,93)
```
#3c7062
```
#3c7062 rgb(60,112,98)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#3c706a
```
#3c706a rgb(60,112,106)
```
#3c706f
```
#3c706f rgb(60,112,111)
```
#3c6d70
```
#3c6d70 rgb(60,109,112)
```

Similar Colors

Text with hexadecimal color #3c7066

This text has a font color of #3c7066.

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

#3c7066 background color

This paragraph has a background color of #3c7066.

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

#3c7066 border color

This element has a border color of #3c7066.

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

CSS codes

.text {color:#3c7066;}

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

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

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, #050a09 is the darkest color, while #fcfdfd is the lightest one.

#050a09
```
#050a09 rgb(5,10,9)
```
#0c1715
```
#0c1715 rgb(12,23,21)
```
#132320
```
#132320 rgb(19,35,32)
```
#1a302c
```
#1a302c rgb(26,48,44)
```
#213d37
```
#213d37 rgb(33,61,55)
```
#274a43
```
#274a43 rgb(39,74,67)
```
#2e564f
```
#2e564f rgb(46,86,79)
```
#35635a
```
#35635a rgb(53,99,90)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#437d72
```
#437d72 rgb(67,125,114)
```
#4a8a7d
```
#4a8a7d rgb(74,138,125)
```
#519689
```
#519689 rgb(81,150,137)
```
#57a395
```
#57a395 rgb(87,163,149)
```

Shade Color Variation

#63ab9d
```
#63ab9d rgb(99,171,157)
```
#70b2a5
```
#70b2a5 rgb(112,178,165)
```
#7cb9ad
```
#7cb9ad rgb(124,185,173)
```
#89c0b5
```
#89c0b5 rgb(137,192,181)
```
#96c7bd
```
#96c7bd rgb(150,199,189)
```
#a3cec5
```
#a3cec5 rgb(163,206,197)
```
#afd4cd
```
#afd4cd rgb(175,212,205)
```
#bcdbd5
```
#bcdbd5 rgb(188,219,213)
```
#c9e2dd
```
#c9e2dd rgb(201,226,221)
```
#d6e9e5
```
#d6e9e5 rgb(214,233,229)
```
#e2f0ed
```
#e2f0ed rgb(226,240,237)
```
#eff7f5
```
#eff7f5 rgb(239,247,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505c5a is the less saturated color, while #00ac8b is the most saturated one.

#505c5a
```
#505c5a rgb(80,92,90)
```
#49635e
```
#49635e rgb(73,99,94)
```
#436962
```
#436962 rgb(67,105,98)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#35776a
```
#35776a rgb(53,119,106)
```
#2f7d6e
```
#2f7d6e rgb(47,125,110)
```
#288472
```
#288472 rgb(40,132,114)
```
#228a76
```
#228a76 rgb(34,138,118)
```
#1b917a
```
#1b917a rgb(27,145,122)
```
#14987e
```
#14987e rgb(20,152,126)
```
#0e9e82
```
#0e9e82 rgb(14,158,130)
```
#07a587
```
#07a587 rgb(7,165,135)
```
#00ac8b
```
#00ac8b rgb(0,172,139)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#586260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e69 Protanopia 1% of men
#776b72 Deuteranopia 1% of men
#4b757d Tritanopia 0.001% of the population

Trichromacy

#5e6e68 Protanomaly 1% of men, 0.01% of women
#616d6d Deuteranomaly 6% of men, 0.4% of women
#457375 Tritanomaly 0.01% of the population

#3c7066 hex color

#3c7066 Color Information

#3c7066 Color Conversion

Color Schemes with #3c7066

Alternatives to #3c7066

#3c7066 Preview

Shades and Tints of #3c7066

Tones of #3c7066

Color Blindness Simulator