#3d7460 hex color

In a RGB color space, hex #3d7460 is composed of 23.9% red, 45.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 17.2% yellow and 54.5% black. It has a hue angle of 158.2 degrees, a saturation of 31.1% and a lightness of 34.7%. #3d7460 color hex could be obtained by blending #7ae8c0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3d7460 has RGB values of R:61, G:116, B:96 and CMYK values of C:0.47, M:0, Y:0.17, K:0.55. Its decimal value is 4027488.

Hex triplet	3d7460	`#3d7460`
RGB Decimal	61, 116, 96	`rgb(61,116,96)`
RGB Percent	23.9, 45.5, 37.6	`rgb(23.9%,45.5%,37.6%)`
CMYK	47, 0, 17, 55
HSL	158.2°, 31.1, 34.7	`hsl(158.2,31.1%,34.7%)`
HSV (or HSB)	158.2°, 47.4, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.698, -23.4, 5.444
XYZ	10.281, 14.327, 13.289
xyY	0.271, 0.378, 14.327
CIE-LCH	44.698, 24.025, 166.902
CIE-LUV	44.698, -24.807, 10.542
Hunter-Lab	37.851, -17.757, 5.679
Binary	00111101, 01110100, 01100000

#3d7460
```
#3d7460 rgb(61,116,96)
```
#743d51
```
#743d51 rgb(116,61,81)
```

Complementary Color

#3d7445
```
#3d7445 rgb(61,116,69)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#3d6d74
```
#3d6d74 rgb(61,109,116)
```

Analogous Color

#74453d
```
#74453d rgb(116,69,61)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#743d6d
```
#743d6d rgb(116,61,109)
```

Split Complementary Color

#74603d
```
#74603d rgb(116,96,61)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#603d74
```
#603d74 rgb(96,61,116)
```

Triadic Color

#51743d
```
#51743d rgb(81,116,61)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#603d74
```
#603d74 rgb(96,61,116)
```
#743d51
```
#743d51 rgb(116,61,81)
```

Tetradic Color

#234237
```
#234237 rgb(35,66,55)
```
#2b5344
```
#2b5344 rgb(43,83,68)
```
#346352
```
#346352 rgb(52,99,82)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#46856e
```
#46856e rgb(70,133,110)
```
#4f957c
```
#4f957c rgb(79,149,124)
```
#57a689
```
#57a689 rgb(87,166,137)
```

Monochromatic Color

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

#3d7452
```
#3d7452 rgb(61,116,82)
```
#3d7457
```
#3d7457 rgb(61,116,87)
```
#3d745b
```
#3d745b rgb(61,116,91)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#3d7465
```
#3d7465 rgb(61,116,101)
```
#3d7469
```
#3d7469 rgb(61,116,105)
```
#3d746e
```
#3d746e rgb(61,116,110)
```

Similar Colors

Text with hexadecimal color #3d7460

This text has a font color of #3d7460.

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

#3d7460 background color

This paragraph has a background color of #3d7460.

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

#3d7460 border color

This element has a border color of #3d7460.

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

CSS codes

.text {color:#3d7460;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070d0b
```
#070d0b rgb(7,13,11)
```
#0e1a16
```
#0e1a16 rgb(14,26,22)
```
#142720
```
#142720 rgb(20,39,32)
```
#1b342b
```
#1b342b rgb(27,52,43)
```
#224135
```
#224135 rgb(34,65,53)
```
#294d40
```
#294d40 rgb(41,77,64)
```
#2f5a4b
```
#2f5a4b rgb(47,90,75)
```
#366755
```
#366755 rgb(54,103,85)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#44816b
```
#44816b rgb(68,129,107)
```
#4b8e75
```
#4b8e75 rgb(75,142,117)
```
#519b80
```
#519b80 rgb(81,155,128)
```

Shade Color Variation

#58a78b
```
#58a78b rgb(88,167,139)
```
#65ae93
```
#65ae93 rgb(101,174,147)
```
#72b59c
```
#72b59c rgb(114,181,156)
```
#7fbca5
```
#7fbca5 rgb(127,188,165)
```
#8cc2ae
```
#8cc2ae rgb(140,194,174)
```
#98c9b7
```
#98c9b7 rgb(152,201,183)
```
#a5d0c0
```
#a5d0c0 rgb(165,208,192)
```
#b2d7c9
```
#b2d7c9 rgb(178,215,201)
```
#bfddd2
```
#bfddd2 rgb(191,221,210)
```
#cce4db
```
#cce4db rgb(204,228,219)
```
#d9ebe4
```
#d9ebe4 rgb(217,235,228)
```
#e6f2ed
```
#e6f2ed rgb(230,242,237)
```
#f2f8f6
```
#f2f8f6 rgb(242,248,246)
```

Tint Color Variation

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

#585959
```
#585959 rgb(88,89,89)
```
#51605a
```
#51605a rgb(81,96,90)
```
#4b665c
```
#4b665c rgb(75,102,92)
```
#446d5e
```
#446d5e rgb(68,109,94)
```
#3d7460
```
#3d7460 rgb(61,116,96)
```
#367b62
```
#367b62 rgb(54,123,98)
```
#2f8264
```
#2f8264 rgb(47,130,100)
```
#298866
```
#298866 rgb(41,136,102)
```
#228f67
```
#228f67 rgb(34,143,103)
```
#1b9669
```
#1b9669 rgb(27,150,105)
```
#149d6b
```
#149d6b rgb(20,157,107)
```
#0da46d
```
#0da46d rgb(13,164,109)
```
#07aa6f
```
#07aa6f rgb(7,170,111)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5a6561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767163 Protanopia 1% of men
#7d6d6c Deuteranopia 1% of men
#4e7780 Tritanopia 0.001% of the population

Trichromacy

#617262 Protanomaly 1% of men, 0.01% of women
#667068 Deuteranomaly 6% of men, 0.4% of women
#487674 Tritanomaly 0.01% of the population

#3d7460 hex color

#3d7460 Color Information

#3d7460 Color Conversion

Color Schemes with #3d7460

Alternatives to #3d7460

#3d7460 Preview

Shades and Tints of #3d7460

Tones of #3d7460

Color Blindness Simulator