#3d7072 hex color

In a RGB color space, hex #3d7072 is composed of 23.9% red, 43.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 1.8% magenta, 0% yellow and 55.3% black. It has a hue angle of 182.3 degrees, a saturation of 30.3% and a lightness of 34.3%. #3d7072 color hex could be obtained by blending #7ae0e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 44
- B 45
RGB color chart
- C 46
- M 2
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #3d7072 has RGB values of R:61, G:112, B:114 and CMYK values of C:0.46, M:0.02, Y:0, K:0.55. Its decimal value is 4026482.

Hex triplet	3d7072	`#3d7072`
RGB Decimal	61, 112, 114	`rgb(61,112,114)`
RGB Percent	23.9, 43.9, 44.7	`rgb(23.9%,43.9%,44.7%)`
CMYK	46, 2, 0, 55
HSL	182.3°, 30.3, 34.3	`hsl(182.3,30.3%,34.3%)`
HSV (or HSB)	182.3°, 46.5, 44.7
Web Safe	336666	`#336666`

CIE-LAB	43.937, -16.509, -6.456
XYZ	10.755, 13.795, 18.015
xyY	0.253, 0.324, 13.795
CIE-LCH	43.937, 17.727, 201.358
CIE-LUV	43.937, -22.569, -6.524
Hunter-Lab	37.141, -13.308, -2.759
Binary	00111101, 01110000, 01110010

#3d7072
```
#3d7072 rgb(61,112,114)
```
#723f3d
```
#723f3d rgb(114,63,61)
```

Complementary Color

#3d725a
```
#3d725a rgb(61,114,90)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#3d5672
```
#3d5672 rgb(61,86,114)
```

Analogous Color

#725a3d
```
#725a3d rgb(114,90,61)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#723d56
```
#723d56 rgb(114,61,86)
```

Split Complementary Color

#70723d
```
#70723d rgb(112,114,61)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#723d70
```
#723d70 rgb(114,61,112)
```

Triadic Color

#3d723f
```
#3d723f rgb(61,114,63)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#723d70
```
#723d70 rgb(114,61,112)
```
#723f3d
```
#723f3d rgb(114,63,61)
```

Tetradic Color

#223f40
```
#223f40 rgb(34,63,64)
```
#2b4f51
```
#2b4f51 rgb(43,79,81)
```
#346061
```
#346061 rgb(52,96,97)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#468083
```
#468083 rgb(70,128,131)
```
#4f9193
```
#4f9193 rgb(79,145,147)
```
#58a1a4
```
#58a1a4 rgb(88,161,164)
```

Monochromatic Color

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

#3d7267
```
#3d7267 rgb(61,114,103)
```
#3d726b
```
#3d726b rgb(61,114,107)
```
#3d7270
```
#3d7270 rgb(61,114,112)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#3d6c72
```
#3d6c72 rgb(61,108,114)
```
#3d6772
```
#3d6772 rgb(61,103,114)
```
#3d6372
```
#3d6372 rgb(61,99,114)
```

Similar Colors

Text with hexadecimal color #3d7072

This text has a font color of #3d7072.

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

#3d7072 background color

This paragraph has a background color of #3d7072.

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

#3d7072 border color

This element has a border color of #3d7072.

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

CSS codes

.text {color:#3d7072;}

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

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d1819
```
#0d1819 rgb(13,24,25)
```
#142525
```
#142525 rgb(20,37,37)
```
#1b3132
```
#1b3132 rgb(27,49,50)
```
#223e3f
```
#223e3f rgb(34,62,63)
```
#284a4c
```
#284a4c rgb(40,74,76)
```
#2f5758
```
#2f5758 rgb(47,87,88)
```
#366365
```
#366365 rgb(54,99,101)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#447d7f
```
#447d7f rgb(68,125,127)
```
#4b898c
```
#4b898c rgb(75,137,140)
```
#529698
```
#529698 rgb(82,150,152)
```
#58a2a5
```
#58a2a5 rgb(88,162,165)
```

Shade Color Variation

#65aaac
```
#65aaac rgb(101,170,172)
```
#71b1b3
```
#71b1b3 rgb(113,177,179)
```
#7eb8ba
```
#7eb8ba rgb(126,184,186)
```
#8bbfc1
```
#8bbfc1 rgb(139,191,193)
```
#98c6c8
```
#98c6c8 rgb(152,198,200)
```
#a5cdcf
```
#a5cdcf rgb(165,205,207)
```
#b1d4d5
```
#b1d4d5 rgb(177,212,213)
```
#bedbdc
```
#bedbdc rgb(190,219,220)
```
#cbe2e3
```
#cbe2e3 rgb(203,226,227)
```
#d8e9ea
```
#d8e9ea rgb(216,233,234)
```
#e4f0f1
```
#e4f0f1 rgb(228,240,241)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515d5e is the less saturated color, while #00a8af is the most saturated one.

#515d5e
```
#515d5e rgb(81,93,94)
```
#4a6465
```
#4a6465 rgb(74,100,101)
```
#446a6b
```
#446a6b rgb(68,106,107)
```
#3d7072
```
#3d7072 rgb(61,112,114)
```
#367679
```
#367679 rgb(54,118,121)
```
#307c7f
```
#307c7f rgb(48,124,127)
```
#298386
```
#298386 rgb(41,131,134)
```
#22898d
```
#22898d rgb(34,137,141)
```
#1b8f94
```
#1b8f94 rgb(27,143,148)
```
#15959a
```
#15959a rgb(21,149,154)
```
#0e9ca1
```
#0e9ca1 rgb(14,156,161)
```
#07a2a8
```
#07a2a8 rgb(7,162,168)
```
#00a8af
```
#00a8af rgb(0,168,175)
```

Tone Color Variation

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

Dichromacy

#706f74 Protanopia 1% of men
#736d7d Deuteranopia 1% of men
#49767f Tritanopia 0.001% of the population

Trichromacy

#5d6f73 Protanomaly 1% of men, 0.01% of women
#5f6e79 Deuteranomaly 6% of men, 0.4% of women
#44747a Tritanomaly 0.01% of the population

#3d7072 hex color

#3d7072 Color Information

#3d7072 Color Conversion

Color Schemes with #3d7072

Alternatives to #3d7072

#3d7072 Preview

Shades and Tints of #3d7072

Tones of #3d7072

Color Blindness Simulator