#3c6a74 hex color

In a RGB color space, hex #3c6a74 is composed of 23.5% red, 41.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 8.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 190.7 degrees, a saturation of 31.8% and a lightness of 34.5%. #3c6a74 color hex could be obtained by blending #78d4e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 42
- B 45
RGB color chart
- C 48
- M 9
- Y 0
- K 55
CMYK color chart

● #3c6a74 color description : Dark moderate cyan.

The hexadecimal color #3c6a74 has RGB values of R:60, G:106, B:116 and CMYK values of C:0.48, M:0.09, Y:0, K:0.55. Its decimal value is 3959412.

Hex triplet	3c6a74	`#3c6a74`
RGB Decimal	60, 106, 116	`rgb(60,106,116)`
RGB Percent	23.5, 41.6, 45.5	`rgb(23.5%,41.6%,45.5%)`
CMYK	48, 9, 0, 55
HSL	190.7°, 31.8, 34.5	`hsl(190.7,31.8%,34.5%)`
HSV (or HSB)	190.7°, 48.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	42.045, -12.828, -10.505
XYZ	10.169, 12.529, 18.405
xyY	0.247, 0.305, 12.529
CIE-LCH	42.045, 16.58, 219.313
CIE-LUV	42.045, -20.369, -12.68
Hunter-Lab	35.396, -10.662, -6.051
Binary	00111100, 01101010, 01110100

#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#74463c
```
#74463c rgb(116,70,60)
```

Complementary Color

#3c7462
```
#3c7462 rgb(60,116,98)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#3c4e74
```
#3c4e74 rgb(60,78,116)
```

Analogous Color

#74623c
```
#74623c rgb(116,98,60)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#743c4e
```
#743c4e rgb(116,60,78)
```

Split Complementary Color

#6a743c
```
#6a743c rgb(106,116,60)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#743c6a
```
#743c6a rgb(116,60,106)
```

Triadic Color

#3c7446
```
#3c7446 rgb(60,116,70)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#743c6a
```
#743c6a rgb(116,60,106)
```
#74463c
```
#74463c rgb(116,70,60)
```

Tetradic Color

#223c42
```
#223c42 rgb(34,60,66)
```
#2b4b52
```
#2b4b52 rgb(43,75,82)
```
#335b63
```
#335b63 rgb(51,91,99)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#457985
```
#457985 rgb(69,121,133)
```
#4d8996
```
#4d8996 rgb(77,137,150)
```
#5698a6
```
#5698a6 rgb(86,152,166)
```

Monochromatic Color

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

#3c7470
```
#3c7470 rgb(60,116,112)
```
#3c7374
```
#3c7374 rgb(60,115,116)
```
#3c6f74
```
#3c6f74 rgb(60,111,116)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#3c6574
```
#3c6574 rgb(60,101,116)
```
#3c6174
```
#3c6174 rgb(60,97,116)
```
#3c5c74
```
#3c5c74 rgb(60,92,116)
```

Similar Colors

Text with hexadecimal color #3c6a74

This text has a font color of #3c6a74.

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

#3c6a74 background color

This paragraph has a background color of #3c6a74.

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

#3c6a74 border color

This element has a border color of #3c6a74.

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

CSS codes

.text {color:#3c6a74;}

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

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

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

#070b0d
```
#070b0d rgb(7,11,13)
```
#0d171a
```
#0d171a rgb(13,23,26)
```
#142326
```
#142326 rgb(20,35,38)
```
#1b2f33
```
#1b2f33 rgb(27,47,51)
```
#213b40
```
#213b40 rgb(33,59,64)
```
#28474d
```
#28474d rgb(40,71,77)
```
#2f525a
```
#2f525a rgb(47,82,90)
```
#355e67
```
#355e67 rgb(53,94,103)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#437681
```
#437681 rgb(67,118,129)
```
#49828e
```
#49828e rgb(73,130,142)
```
#508d9b
```
#508d9b rgb(80,141,155)
```
#5799a8
```
#5799a8 rgb(87,153,168)
```

Shade Color Variation

#64a1af
```
#64a1af rgb(100,161,175)
```
#70a9b5
```
#70a9b5 rgb(112,169,181)
```
#7db1bc
```
#7db1bc rgb(125,177,188)
```
#8ab9c3
```
#8ab9c3 rgb(138,185,195)
```
#97c0c9
```
#97c0c9 rgb(151,192,201)
```
#a4c8d0
```
#a4c8d0 rgb(164,200,208)
```
#b1d0d7
```
#b1d0d7 rgb(177,208,215)
```
#bed8dd
```
#bed8dd rgb(190,216,221)
```
#cbe0e4
```
#cbe0e4 rgb(203,224,228)
```
#d8e7eb
```
#d8e7eb rgb(216,231,235)
```
#e5eff1
```
#e5eff1 rgb(229,239,241)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575959
```
#575959 rgb(87,89,89)
```
#505d60
```
#505d60 rgb(80,93,96)
```
#4a6166
```
#4a6166 rgb(74,97,102)
```
#43666d
```
#43666d rgb(67,102,109)
```
#3c6a74
```
#3c6a74 rgb(60,106,116)
```
#356e7b
```
#356e7b rgb(53,110,123)
```
#2e7382
```
#2e7382 rgb(46,115,130)
```
#287788
```
#287788 rgb(40,119,136)
```
#217b8f
```
#217b8f rgb(33,123,143)
```
#1a8096
```
#1a8096 rgb(26,128,150)
```
#13849d
```
#13849d rgb(19,132,157)
```
#0d88a3
```
#0d88a3 rgb(13,136,163)
```
#068daa
```
#068daa rgb(6,141,170)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#566062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696a77 Protanopia 1% of men
#6b697e Deuteranopia 1% of men
#45717a Tritanopia 0.001% of the population

Trichromacy

#586a75 Protanomaly 1% of men, 0.01% of women
#5a697a Deuteranomaly 6% of men, 0.4% of women
#426f77 Tritanomaly 0.01% of the population

#3c6a74 hex color

#3c6a74 Color Information

#3c6a74 Color Conversion

Color Schemes with #3c6a74

Alternatives to #3c6a74

#3c6a74 Preview

Shades and Tints of #3c6a74

Tones of #3c6a74

Color Blindness Simulator