#3a6160 hex color

In a RGB color space, hex #3a6160 is composed of 22.7% red, 38% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 0% magenta, 1% yellow and 62% black. It has a hue angle of 178.5 degrees, a saturation of 25.2% and a lightness of 30.4%. #3a6160 color hex could be obtained by blending #74c2c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 38
- B 38
RGB color chart
- C 40
- M 0
- Y 1
- K 62
CMYK color chart

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

The hexadecimal color #3a6160 has RGB values of R:58, G:97, B:96 and CMYK values of C:0.4, M:0, Y:0.01, K:0.62. Its decimal value is 3826016.

Hex triplet	3a6160	`#3a6160`
RGB Decimal	58, 97, 96	`rgb(58,97,96)`
RGB Percent	22.7, 38, 37.6	`rgb(22.7%,38%,37.6%)`
CMYK	40, 0, 1, 62
HSL	178.5°, 25.2, 30.4	`hsl(178.5,25.2%,30.4%)`
HSV (or HSB)	178.5°, 40.2, 38
Web Safe	336666	`#336666`

CIE-LAB	38.363, -14.018, -3.794
XYZ	8.13, 10.293, 12.624
xyY	0.262, 0.332, 10.293
CIE-LCH	38.363, 14.522, 195.143
CIE-LUV	38.363, -17.732, -3.027
Hunter-Lab	32.083, -10.91, -0.872
Binary	00111010, 01100001, 01100000

#3a6160
```
#3a6160 rgb(58,97,96)
```
#613a3b
```
#613a3b rgb(97,58,59)
```

Complementary Color

#3a614d
```
#3a614d rgb(58,97,77)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#3a4f61
```
#3a4f61 rgb(58,79,97)
```

Analogous Color

#614d3a
```
#614d3a rgb(97,77,58)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#613a4f
```
#613a4f rgb(97,58,79)
```

Split Complementary Color

#61603a
```
#61603a rgb(97,96,58)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#603a61
```
#603a61 rgb(96,58,97)
```

Triadic Color

#3b613a
```
#3b613a rgb(59,97,58)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#603a61
```
#603a61 rgb(96,58,97)
```
#613a3b
```
#613a3b rgb(97,58,59)
```

Tetradic Color

#1d3131
```
#1d3131 rgb(29,49,49)
```
#274140
```
#274140 rgb(39,65,64)
```
#305150
```
#305150 rgb(48,81,80)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#447170
```
#447170 rgb(68,113,112)
```
#4d8180
```
#4d8180 rgb(77,129,128)
```
#57918f
```
#57918f rgb(87,145,143)
```

Monochromatic Color

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

#3a6156
```
#3a6156 rgb(58,97,86)
```
#3a615a
```
#3a615a rgb(58,97,90)
```
#3a615d
```
#3a615d rgb(58,97,93)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#3a5f61
```
#3a5f61 rgb(58,95,97)
```
#3a5c61
```
#3a5c61 rgb(58,92,97)
```
#3a5861
```
#3a5861 rgb(58,88,97)
```

Similar Colors

Text with hexadecimal color #3a6160

This text has a font color of #3a6160.

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

#3a6160 background color

This paragraph has a background color of #3a6160.

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

#3a6160 border color

This element has a border color of #3a6160.

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

CSS codes

.text {color:#3a6160;}

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

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

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

#070b0b
```
#070b0b rgb(7,11,11)
```
#0e1717
```
#0e1717 rgb(14,23,23)
```
#152423
```
#152423 rgb(21,36,35)
```
#1d302f
```
#1d302f rgb(29,48,47)
```
#243c3c
```
#243c3c rgb(36,60,60)
```
#2b4848
```
#2b4848 rgb(43,72,72)
```
#335554
```
#335554 rgb(51,85,84)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#416d6c
```
#416d6c rgb(65,109,108)
```
#497a78
```
#497a78 rgb(73,122,120)
```
#508684
```
#508684 rgb(80,134,132)
```
#579291
```
#579291 rgb(87,146,145)
```
#5f9e9d
```
#5f9e9d rgb(95,158,157)
```

Shade Color Variation

#6aa6a5
```
#6aa6a5 rgb(106,166,165)
```
#77aeac
```
#77aeac rgb(119,174,172)
```
#83b5b4
```
#83b5b4 rgb(131,181,180)
```
#8fbcbb
```
#8fbcbb rgb(143,188,187)
```
#9cc4c3
```
#9cc4c3 rgb(156,196,195)
```
#a8cbca
```
#a8cbca rgb(168,203,202)
```
#b4d2d1
```
#b4d2d1 rgb(180,210,209)
```
#c0dad9
```
#c0dad9 rgb(192,218,217)
```
#cde1e0
```
#cde1e0 rgb(205,225,224)
```
#d9e8e8
```
#d9e8e8 rgb(217,232,232)
```
#e5f0ef
```
#e5f0ef rgb(229,240,239)
```
#f2f7f7
```
#f2f7f7 rgb(242,247,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4c4f4f
```
#4c4f4f rgb(76,79,79)
```
#465555
```
#465555 rgb(70,85,85)
```
#405b5a
```
#405b5a rgb(64,91,90)
```
#3a6160
```
#3a6160 rgb(58,97,96)
```
#346766
```
#346766 rgb(52,103,102)
```
#2e6d6b
```
#2e6d6b rgb(46,109,107)
```
#287371
```
#287371 rgb(40,115,113)
```
#227977
```
#227977 rgb(34,121,119)
```
#1c7f7c
```
#1c7f7c rgb(28,127,124)
```
#168582
```
#168582 rgb(22,133,130)
```
#108b88
```
#108b88 rgb(16,139,136)
```
#0a918d
```
#0a918d rgb(10,145,141)
```
#049793
```
#049793 rgb(4,151,147)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#505757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636264 Protanopia 1% of men
#67606b Deuteranopia 1% of men
#46686f Tritanopia 0.001% of the population

Trichromacy

#546162 Protanomaly 1% of men, 0.01% of women
#576067 Deuteranomaly 6% of men, 0.4% of women
#426569 Tritanomaly 0.01% of the population

#3a6160 hex color

#3a6160 Color Information

#3a6160 Color Conversion

Color Schemes with #3a6160

Alternatives to #3a6160

#3a6160 Preview

Shades and Tints of #3a6160

Tones of #3a6160

Color Blindness Simulator