#3d7f80 hex color

In a RGB color space, hex #3d7f80 is composed of 23.9% red, 49.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 180.9 degrees, a saturation of 35.4% and a lightness of 37.1%. #3d7f80 color hex could be obtained by blending #7afeff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 50
- B 50
RGB color chart
- C 52
- M 1
- Y 0
- K 50
CMYK color chart

● #3d7f80 color description : Dark moderate cyan.

The hexadecimal color #3d7f80 has RGB values of R:61, G:127, B:128 and CMYK values of C:0.52, M:0.01, Y:0, K:0.5. Its decimal value is 4030336.

Hex triplet	3d7f80	`#3d7f80`
RGB Decimal	61, 127, 128	`rgb(61,127,128)`
RGB Percent	23.9, 49.8, 50.2	`rgb(23.9%,49.8%,50.2%)`
CMYK	52, 1, 0, 50
HSL	180.9°, 35.4, 37.1	`hsl(180.9,35.4%,37.1%)`
HSV (or HSB)	180.9°, 52.3, 50.2
Web Safe	336699	`#336699`

CIE-LAB	49.165, -20.595, -6.992
XYZ	13.409, 17.728, 23.136
xyY	0.247, 0.327, 17.728
CIE-LCH	49.165, 21.749, 198.753
CIE-LUV	49.165, -28.149, -6.916
Hunter-Lab	42.105, -16.838, -3.105
Binary	00111101, 01111111, 10000000

#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#803e3d
```
#803e3d rgb(128,62,61)
```

Complementary Color

#3d8060
```
#3d8060 rgb(61,128,96)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#3d5e80
```
#3d5e80 rgb(61,94,128)
```

Analogous Color

#80603d
```
#80603d rgb(128,96,61)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#803d5e
```
#803d5e rgb(128,61,94)
```

Split Complementary Color

#7f803d
```
#7f803d rgb(127,128,61)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#803d7f
```
#803d7f rgb(128,61,127)
```

Triadic Color

#3d803e
```
#3d803e rgb(61,128,62)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#803d7f
```
#803d7f rgb(128,61,127)
```
#803e3d
```
#803e3d rgb(128,62,61)
```

Tetradic Color

#244c4c
```
#244c4c rgb(36,76,76)
```
#2d5d5d
```
#2d5d5d rgb(45,93,93)
```
#356e6f
```
#356e6f rgb(53,110,111)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#459091
```
#459091 rgb(69,144,145)
```
#4da1a3
```
#4da1a3 rgb(77,161,163)
```
#59afb0
```
#59afb0 rgb(89,175,176)
```

Monochromatic Color

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

#3d8070
```
#3d8070 rgb(61,128,112)
```
#3d8076
```
#3d8076 rgb(61,128,118)
```
#3d807b
```
#3d807b rgb(61,128,123)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#3d7980
```
#3d7980 rgb(61,121,128)
```
#3d7480
```
#3d7480 rgb(61,116,128)
```
#3d6e80
```
#3d6e80 rgb(61,110,128)
```

Similar Colors

Text with hexadecimal color #3d7f80

This text has a font color of #3d7f80.

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

#3d7f80 background color

This paragraph has a background color of #3d7f80.

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

#3d7f80 border color

This element has a border color of #3d7f80.

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

CSS codes

.text {color:#3d7f80;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1616
```
#0a1616 rgb(10,22,22)
```
#112323
```
#112323 rgb(17,35,35)
```
#173030
```
#173030 rgb(23,48,48)
```
#1d3d3e
```
#1d3d3e rgb(29,61,62)
```
#244a4b
```
#244a4b rgb(36,74,75)
```
#2a5758
```
#2a5758 rgb(42,87,88)
```
#306565
```
#306565 rgb(48,101,101)
```
#377273
```
#377273 rgb(55,114,115)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#438c8d
```
#438c8d rgb(67,140,141)
```
#4a999b
```
#4a999b rgb(74,153,155)
```
#50a7a8
```
#50a7a8 rgb(80,167,168)
```

Shade Color Variation

#5bafb1
```
#5bafb1 rgb(91,175,177)
```
#68b6b7
```
#68b6b7 rgb(104,182,183)
```
#75bcbd
```
#75bcbd rgb(117,188,189)
```
#83c3c4
```
#83c3c4 rgb(131,195,196)
```
#90c9ca
```
#90c9ca rgb(144,201,202)
```
#9dd0d0
```
#9dd0d0 rgb(157,208,208)
```
#aad6d7
```
#aad6d7 rgb(170,214,215)
```
#b8dcdd
```
#b8dcdd rgb(184,220,221)
```
#c5e3e3
```
#c5e3e3 rgb(197,227,227)
```
#d2e9ea
```
#d2e9ea rgb(210,233,234)
```
#e0f0f0
```
#e0f0f0 rgb(224,240,240)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6363 is the less saturated color, while #03b7ba is the most saturated one.

#5a6363
```
#5a6363 rgb(90,99,99)
```
#536a6a
```
#536a6a rgb(83,106,106)
```
#4c7171
```
#4c7171 rgb(76,113,113)
```
#447879
```
#447879 rgb(68,120,121)
```
#3d7f80
```
#3d7f80 rgb(61,127,128)
```
#368687
```
#368687 rgb(54,134,135)
```
#2e8d8f
```
#2e8d8f rgb(46,141,143)
```
#279496
```
#279496 rgb(39,148,150)
```
#209b9d
```
#209b9d rgb(32,155,157)
```
#19a2a4
```
#19a2a4 rgb(25,162,164)
```
#11a9ac
```
#11a9ac rgb(17,169,172)
```
#0ab0b3
```
#0ab0b3 rgb(10,176,179)
```
#03b7ba
```
#03b7ba rgb(3,183,186)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#626f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b80 Protanopia 1% of men
#80798b Deuteranopia 1% of men
#4a848e Tritanopia 0.001% of the population

Trichromacy

#657c80 Protanomaly 1% of men, 0.01% of women
#677b87 Deuteranomaly 6% of men, 0.4% of women
#458288 Tritanomaly 0.01% of the population

#3d7f80 hex color

#3d7f80 Color Information

#3d7f80 Color Conversion

Color Schemes with #3d7f80

Alternatives to #3d7f80

#3d7f80 Preview

Shades and Tints of #3d7f80

Tones of #3d7f80

Color Blindness Simulator