#3a7460 hex color

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

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

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

The hexadecimal color #3a7460 has RGB values of R:58, G:116, B:96 and CMYK values of C:0.5, M:0, Y:0.17, K:0.55. Its decimal value is 3830880.

Hex triplet	3a7460	`#3a7460`
RGB Decimal	58, 116, 96	`rgb(58,116,96)`
RGB Percent	22.7, 45.5, 37.6	`rgb(22.7%,45.5%,37.6%)`
CMYK	50, 0, 17, 55
HSL	159.3°, 33.3, 34.1	`hsl(159.3,33.3%,34.1%)`
HSV (or HSB)	159.3°, 50, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.567, -24.23, 5.239
XYZ	10.101, 14.234, 13.281
xyY	0.269, 0.378, 14.234
CIE-LCH	44.567, 24.79, 167.799
CIE-LUV	44.567, -25.77, 10.383
Hunter-Lab	37.728, -18.235, 5.539
Binary	00111010, 01110100, 01100000

#3a7460
```
#3a7460 rgb(58,116,96)
```
#743a4e
```
#743a4e rgb(116,58,78)
```

Complementary Color

#3a7443
```
#3a7443 rgb(58,116,67)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#3a6b74
```
#3a6b74 rgb(58,107,116)
```

Analogous Color

#74433a
```
#74433a rgb(116,67,58)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#743a6b
```
#743a6b rgb(116,58,107)
```

Split Complementary Color

#74603a
```
#74603a rgb(116,96,58)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#603a74
```
#603a74 rgb(96,58,116)
```

Triadic Color

#4e743a
```
#4e743a rgb(78,116,58)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#603a74
```
#603a74 rgb(96,58,116)
```
#743a4e
```
#743a4e rgb(116,58,78)
```

Tetradic Color

#214136
```
#214136 rgb(33,65,54)
```
#295244
```
#295244 rgb(41,82,68)
```
#326352
```
#326352 rgb(50,99,82)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#43856e
```
#43856e rgb(67,133,110)
```
#4b967c
```
#4b967c rgb(75,150,124)
```
#54a78a
```
#54a78a rgb(84,167,138)
```

Monochromatic Color

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

#3a7452
```
#3a7452 rgb(58,116,82)
```
#3a7456
```
#3a7456 rgb(58,116,86)
```
#3a745b
```
#3a745b rgb(58,116,91)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#3a7465
```
#3a7465 rgb(58,116,101)
```
#3a746a
```
#3a746a rgb(58,116,106)
```
#3a746f
```
#3a746f rgb(58,116,111)
```

Similar Colors

Text with hexadecimal color #3a7460

This text has a font color of #3a7460.

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

#3a7460 background color

This paragraph has a background color of #3a7460.

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

#3a7460 border color

This element has a border color of #3a7460.

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

CSS codes

.text {color:#3a7460;}

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

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

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

#060b09
```
#060b09 rgb(6,11,9)
```
#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)
```
#2d5a4a
```
#2d5a4a rgb(45,90,74)
```
#336755
```
#336755 rgb(51,103,85)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#41816b
```
#41816b rgb(65,129,107)
```
#478e76
```
#478e76 rgb(71,142,118)
```
#4e9b80
```
#4e9b80 rgb(78,155,128)
```
#54a88b
```
#54a88b rgb(84,168,139)
```

Shade Color Variation

#60b094
```
#60b094 rgb(96,176,148)
```
#6db69d
```
#6db69d rgb(109,182,157)
```
#7bbda6
```
#7bbda6 rgb(123,189,166)
```
#88c3af
```
#88c3af rgb(136,195,175)
```
#95cab8
```
#95cab8 rgb(149,202,184)
```
#a2d0c0
```
#a2d0c0 rgb(162,208,192)
```
#afd7c9
```
#afd7c9 rgb(175,215,201)
```
#bcddd2
```
#bcddd2 rgb(188,221,210)
```
#c9e4db
```
#c9e4db rgb(201,228,219)
```
#d6ebe3
```
#d6ebe3 rgb(214,235,227)
```
#e3f1ec
```
#e3f1ec rgb(227,241,236)
```
#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 #04aa71 is the most saturated one.

#555958
```
#555958 rgb(85,89,88)
```
#4e605a
```
#4e605a rgb(78,96,90)
```
#47675c
```
#47675c rgb(71,103,92)
```
#416d5e
```
#416d5e rgb(65,109,94)
```
#3a7460
```
#3a7460 rgb(58,116,96)
```
#337b62
```
#337b62 rgb(51,123,98)
```
#2d8164
```
#2d8164 rgb(45,129,100)
```
#268866
```
#268866 rgb(38,136,102)
```
#1f8f68
```
#1f8f68 rgb(31,143,104)
```
#19956a
```
#19956a rgb(25,149,106)
```
#129c6c
```
#129c6c rgb(18,156,108)
```
#0ba36f
```
#0ba36f rgb(11,163,111)
```
#04aa71
```
#04aa71 rgb(4,170,113)
```

Tone Color Variation

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

#767063 Protanopia 1% of men
#7d6d6c Deuteranopia 1% of men
#4c7780 Tritanopia 0.001% of the population

Trichromacy

#607162 Protanomaly 1% of men, 0.01% of women
#646f68 Deuteranomaly 6% of men, 0.4% of women
#457674 Tritanomaly 0.01% of the population

#3a7460 hex color

#3a7460 Color Information

#3a7460 Color Conversion

Color Schemes with #3a7460

Alternatives to #3a7460

#3a7460 Preview

Shades and Tints of #3a7460

Tones of #3a7460

Color Blindness Simulator