#3a716c hex color

In a RGB color space, hex #3a716c is composed of 22.7% red, 44.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 0% magenta, 4.4% yellow and 55.7% black. It has a hue angle of 174.5 degrees, a saturation of 32.2% and a lightness of 33.5%. #3a716c color hex could be obtained by blending #74e2d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 44
- B 42
RGB color chart
- C 49
- M 0
- Y 4
- K 56
CMYK color chart

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

The hexadecimal color #3a716c has RGB values of R:58, G:113, B:108 and CMYK values of C:0.49, M:0, Y:0.04, K:0.56. Its decimal value is 3830124.

Hex triplet	3a716c	`#3a716c`
RGB Decimal	58, 113, 108	`rgb(58,113,108)`
RGB Percent	22.7, 44.3, 42.4	`rgb(22.7%,44.3%,42.4%)`
CMYK	49, 0, 4, 56
HSL	174.5°, 32.2, 33.5	`hsl(174.5,32.2%,33.5%)`
HSV (or HSB)	174.5°, 48.7, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.933, -19.52, -2.869
XYZ	10.356, 13.792, 16.303
xyY	0.256, 0.341, 13.792
CIE-LCH	43.933, 19.73, 188.362
CIE-LUV	43.933, -24.098, -1.111
Hunter-Lab	37.137, -15.214, -0.032
Binary	00111010, 01110001, 01101100

#3a716c
```
#3a716c rgb(58,113,108)
```
#713a3f
```
#713a3f rgb(113,58,63)
```

Complementary Color

#3a7151
```
#3a7151 rgb(58,113,81)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#3a5b71
```
#3a5b71 rgb(58,91,113)
```

Analogous Color

#71513a
```
#71513a rgb(113,81,58)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#713a5a
```
#713a5a rgb(113,58,90)
```

Split Complementary Color

#716c3a
```
#716c3a rgb(113,108,58)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#6c3a71
```
#6c3a71 rgb(108,58,113)
```

Triadic Color

#3f713a
```
#3f713a rgb(63,113,58)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#6c3a71
```
#6c3a71 rgb(108,58,113)
```
#713a3f
```
#713a3f rgb(113,58,63)
```

Tetradic Color

#203e3c
```
#203e3c rgb(32,62,60)
```
#294f4c
```
#294f4c rgb(41,79,76)
```
#31605c
```
#31605c rgb(49,96,92)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#43827c
```
#43827c rgb(67,130,124)
```
#4b938c
```
#4b938c rgb(75,147,140)
```
#54a49c
```
#54a49c rgb(84,164,156)
```

Monochromatic Color

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

#3a715e
```
#3a715e rgb(58,113,94)
```
#3a7163
```
#3a7163 rgb(58,113,99)
```
#3a7167
```
#3a7167 rgb(58,113,103)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#3a7171
```
#3a7171 rgb(58,113,113)
```
#3a6d71
```
#3a6d71 rgb(58,109,113)
```
#3a6871
```
#3a6871 rgb(58,104,113)
```

Similar Colors

Text with hexadecimal color #3a716c

This text has a font color of #3a716c.

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

#3a716c background color

This paragraph has a background color of #3a716c.

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

#3a716c border color

This element has a border color of #3a716c.

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

CSS codes

.text {color:#3a716c;}

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

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

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

#050909
```
#050909 rgb(5,9,9)
```
#0b1615
```
#0b1615 rgb(11,22,21)
```
#122322
```
#122322 rgb(18,35,34)
```
#19302e
```
#19302e rgb(25,48,46)
```
#1f3d3a
```
#1f3d3a rgb(31,61,58)
```
#264a47
```
#264a47 rgb(38,74,71)
```
#2d5753
```
#2d5753 rgb(45,87,83)
```
#336460
```
#336460 rgb(51,100,96)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#417e78
```
#417e78 rgb(65,126,120)
```
#478b85
```
#478b85 rgb(71,139,133)
```
#4e9891
```
#4e9891 rgb(78,152,145)
```
#55a59e
```
#55a59e rgb(85,165,158)
```

Shade Color Variation

#60ada6
```
#60ada6 rgb(96,173,166)
```
#6db4ad
```
#6db4ad rgb(109,180,173)
```
#7abbb5
```
#7abbb5 rgb(122,187,181)
```
#87c1bc
```
#87c1bc rgb(135,193,188)
```
#94c8c3
```
#94c8c3 rgb(148,200,195)
```
#a1cfca
```
#a1cfca rgb(161,207,202)
```
#aed5d2
```
#aed5d2 rgb(174,213,210)
```
#bbdcd9
```
#bbdcd9 rgb(187,220,217)
```
#c7e3e0
```
#c7e3e0 rgb(199,227,224)
```
#d4e9e7
```
#d4e9e7 rgb(212,233,231)
```
#e1f0ef
```
#e1f0ef rgb(225,240,239)
```
#eef6f6
```
#eef6f6 rgb(238,246,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#545756
```
#545756 rgb(84,87,86)
```
#4e5d5c
```
#4e5d5c rgb(78,93,92)
```
#476461
```
#476461 rgb(71,100,97)
```
#416a67
```
#416a67 rgb(65,106,103)
```
#3a716c
```
#3a716c rgb(58,113,108)
```
#337871
```
#337871 rgb(51,120,113)
```
#2d7e77
```
#2d7e77 rgb(45,126,119)
```
#26857c
```
#26857c rgb(38,133,124)
```
#208b82
```
#208b82 rgb(32,139,130)
```
#199287
```
#199287 rgb(25,146,135)
```
#13988c
```
#13988c rgb(19,152,140)
```
#0c9f92
```
#0c9f92 rgb(12,159,146)
```
#05a697
```
#05a697 rgb(5,166,151)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#586362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716f6e Protanopia 1% of men
#766c77 Deuteranopia 1% of men
#48767f Tritanopia 0.001% of the population

Trichromacy

#5d6f6d Protanomaly 1% of men, 0.01% of women
#606e73 Deuteranomaly 6% of men, 0.4% of women
#437478 Tritanomaly 0.01% of the population

#3a716c hex color

#3a716c Color Information

#3a716c Color Conversion

Color Schemes with #3a716c

Alternatives to #3a716c

#3a716c Preview

Shades and Tints of #3a716c

Tones of #3a716c

Color Blindness Simulator