#3a7461 hex color

In a RGB color space, hex #3a7461 is composed of 22.7% red, 45.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 16.4% yellow and 54.5% black. It has a hue angle of 160.3 degrees, a saturation of 33.3% and a lightness of 34.1%. #3a7461 color hex could be obtained by blending #74e8c2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 45
- B 38
RGB color chart
- C 50
- M 0
- Y 16
- K 55
CMYK color chart

● #3a7461 color description : Dark moderate cyan - lime green.

The hexadecimal color #3a7461 has RGB values of R:58, G:116, B:97 and CMYK values of C:0.5, M:0, Y:0.16, K:0.55. Its decimal value is 3830881.

Hex triplet	3a7461	`#3a7461`
RGB Decimal	58, 116, 97	`rgb(58,116,97)`
RGB Percent	22.7, 45.5, 38	`rgb(22.7%,45.5%,38%)`
CMYK	50, 0, 16, 55
HSL	160.3°, 33.3, 34.1	`hsl(160.3,33.3%,34.1%)`
HSV (or HSB)	160.3°, 50, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.593, -23.982, 4.681
XYZ	10.147, 14.253, 13.525
xyY	0.268, 0.376, 14.253
CIE-LCH	44.593, 24.434, 168.956
CIE-LUV	44.593, -25.734, 9.629
Hunter-Lab	37.753, -18.09, 5.186
Binary	00111010, 01110100, 01100001

#3a7461
```
#3a7461 rgb(58,116,97)
```
#743a4d
```
#743a4d rgb(116,58,77)
```

Complementary Color

#3a7444
```
#3a7444 rgb(58,116,68)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#3a6a74
```
#3a6a74 rgb(58,106,116)
```

Analogous Color

#74443a
```
#74443a rgb(116,68,58)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#743a6a
```
#743a6a rgb(116,58,106)
```

Split Complementary Color

#74613a
```
#74613a rgb(116,97,58)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#613a74
```
#613a74 rgb(97,58,116)
```

Triadic Color

#4d743a
```
#4d743a rgb(77,116,58)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#613a74
```
#613a74 rgb(97,58,116)
```
#743a4d
```
#743a4d rgb(116,58,77)
```

Tetradic Color

#214136
```
#214136 rgb(33,65,54)
```
#295245
```
#295245 rgb(41,82,69)
```
#326353
```
#326353 rgb(50,99,83)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#43856f
```
#43856f rgb(67,133,111)
```
#4b967d
```
#4b967d rgb(75,150,125)
```
#54a78c
```
#54a78c rgb(84,167,140)
```

Monochromatic Color

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

#3a7453
```
#3a7453 rgb(58,116,83)
```
#3a7457
```
#3a7457 rgb(58,116,87)
```
#3a745c
```
#3a745c rgb(58,116,92)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#3a7466
```
#3a7466 rgb(58,116,102)
```
#3a746b
```
#3a746b rgb(58,116,107)
```
#3a7470
```
#3a7470 rgb(58,116,112)
```

Similar Colors

Text with hexadecimal color #3a7461

This text has a font color of #3a7461.

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

#3a7461 background color

This paragraph has a background color of #3a7461.

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

#3a7461 border color

This element has a border color of #3a7461.

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

CSS codes

.text {color:#3a7461;}

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

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

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0c1814
```
#0c1814 rgb(12,24,20)
```
#13261f
```
#13261f rgb(19,38,31)
```
#19332a
```
#19332a rgb(25,51,42)
```
#204035
```
#204035 rgb(32,64,53)
```
#264d40
```
#264d40 rgb(38,77,64)
```
#2d5a4b
```
#2d5a4b rgb(45,90,75)
```
#336756
```
#336756 rgb(51,103,86)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#41816c
```
#41816c rgb(65,129,108)
```
#478e77
```
#478e77 rgb(71,142,119)
```
#4e9b82
```
#4e9b82 rgb(78,155,130)
```
#54a88d
```
#54a88d rgb(84,168,141)
```

Shade Color Variation

#60b096
```
#60b096 rgb(96,176,150)
```
#6db69e
```
#6db69e rgb(109,182,158)
```
#7bbda7
```
#7bbda7 rgb(123,189,167)
```
#88c3b0
```
#88c3b0 rgb(136,195,176)
```
#95cab8
```
#95cab8 rgb(149,202,184)
```
#a2d0c1
```
#a2d0c1 rgb(162,208,193)
```
#afd7ca
```
#afd7ca rgb(175,215,202)
```
#bcddd2
```
#bcddd2 rgb(188,221,210)
```
#c9e4db
```
#c9e4db rgb(201,228,219)
```
#d6ebe4
```
#d6ebe4 rgb(214,235,228)
```
#e3f1ed
```
#e3f1ed rgb(227,241,237)
```
#f0f8f5
```
#f0f8f5 rgb(240,248,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#555958
```
#555958 rgb(85,89,88)
```
#4e605a
```
#4e605a rgb(78,96,90)
```
#47675c
```
#47675c rgb(71,103,92)
```
#416d5f
```
#416d5f rgb(65,109,95)
```
#3a7461
```
#3a7461 rgb(58,116,97)
```
#337b63
```
#337b63 rgb(51,123,99)
```
#2d8166
```
#2d8166 rgb(45,129,102)
```
#268868
```
#268868 rgb(38,136,104)
```
#1f8f6a
```
#1f8f6a rgb(31,143,106)
```
#19956d
```
#19956d rgb(25,149,109)
```
#129c6f
```
#129c6f rgb(18,156,111)
```
#0ba371
```
#0ba371 rgb(11,163,113)
```
#04aa73
```
#04aa73 rgb(4,170,115)
```

Tone Color Variation

Below, you can see how #3a7461 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
#586460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767064 Protanopia 1% of men
#7c6d6d Deuteranopia 1% of men
#4c7780 Tritanopia 0.001% of the population

Trichromacy

#607263 Protanomaly 1% of men, 0.01% of women
#647069 Deuteranomaly 6% of men, 0.4% of women
#457675 Tritanomaly 0.01% of the population

#3a7461 hex color

#3a7461 Color Information

#3a7461 Color Conversion

Color Schemes with #3a7461

Alternatives to #3a7461

#3a7461 Preview

Shades and Tints of #3a7461

Tones of #3a7461

Color Blindness Simulator