colorhexa.com

#3d7d7f hex color

In a RGB color space, hex #3d7d7f is composed of 23.9% red, 49% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 1.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 181.8 degrees, a saturation of 35.1% and a lightness of 36.9%. #3d7d7f color hex could be obtained by blending #7afafe with #000000. Closest websafe color is: #336666.

- R 24
- G 49
- B 50
RGB color chart
- C 52
- M 2
- Y 0
- K 50
CMYK color chart

● #3d7d7f color description : Dark moderate cyan.

The hexadecimal color #3d7d7f has RGB values of R:61, G:125, B:127 and CMYK values of C:0.52, M:0.02, Y:0, K:0.5. Its decimal value is 4029823.

Hex triplet	3d7d7f	`#3d7d7f`
RGB Decimal	61, 125, 127	`rgb(61,125,127)`
RGB Percent	23.9, 49, 49.8	`rgb(23.9%,49%,49.8%)`
CMYK	52, 2, 0, 50
HSL	181.8°, 35.1, 36.9	`hsl(181.8,35.1%,36.9%)`
HSV (or HSB)	181.8°, 52, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.499, -19.821, -7.395
XYZ	13.088, 17.191, 22.706
xyY	0.247, 0.324, 17.191
CIE-LCH	48.499, 21.156, 200.461
CIE-LUV	48.499, -27.39, -7.588
Hunter-Lab	41.462, -16.213, -3.446
Binary	00111101, 01111101, 01111111

#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#7f3f3d
```
#7f3f3d rgb(127,63,61)
```

Complementary Color

#3d7f60
```
#3d7f60 rgb(61,127,96)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#3d5c7f
```
#3d5c7f rgb(61,92,127)
```

Analogous Color

#7f603d
```
#7f603d rgb(127,96,61)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#7f3d5c
```
#7f3d5c rgb(127,61,92)
```

Split Complementary Color

#7d7f3d
```
#7d7f3d rgb(125,127,61)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#7f3d7d
```
#7f3d7d rgb(127,61,125)
```

Triadic Color

#3d7f3f
```
#3d7f3f rgb(61,127,63)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#7f3d7d
```
#7f3d7d rgb(127,61,125)
```
#7f3f3d
```
#7f3f3d rgb(127,63,61)
```

Tetradic Color

#244a4b
```
#244a4b rgb(36,74,75)
```
#2c5b5d
```
#2c5b5d rgb(44,91,93)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#458e90
```
#458e90 rgb(69,142,144)
```
#4e9fa1
```
#4e9fa1 rgb(78,159,161)
```
#59adaf
```
#59adaf rgb(89,173,175)
```

Monochromatic Color

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

#3d7f71
```
#3d7f71 rgb(61,127,113)
```
#3d7f76
```
#3d7f76 rgb(61,127,118)
```
#3d7f7c
```
#3d7f7c rgb(61,127,124)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#3d787f
```
#3d787f rgb(61,120,127)
```
#3d727f
```
#3d727f rgb(61,114,127)
```
#3d6d7f
```
#3d6d7f rgb(61,109,127)
```

Similar Colors

Text with hexadecimal color #3d7d7f

This text has a font color of #3d7d7f.

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

#3d7d7f background color

This paragraph has a background color of #3d7d7f.

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

#3d7d7f border color

This element has a border color of #3d7d7f.

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

CSS codes

.text {color:#3d7d7f;}

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

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

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 #f9fcfc is the lightest one.

#040808
```
#040808 rgb(4,8,8)
```
#0a1515
```
#0a1515 rgb(10,21,21)
```
#102222
```
#102222 rgb(16,34,34)
```
#172f2f
```
#172f2f rgb(23,47,47)
```
#1d3c3d
```
#1d3c3d rgb(29,60,61)
```
#24494a
```
#24494a rgb(36,73,74)
```
#2a5657
```
#2a5657 rgb(42,86,87)
```
#306364
```
#306364 rgb(48,99,100)
```
#377072
```
#377072 rgb(55,112,114)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#438a8c
```
#438a8c rgb(67,138,140)
```
#4a979a
```
#4a979a rgb(74,151,154)
```
#50a4a7
```
#50a4a7 rgb(80,164,167)
```

Shade Color Variation

#5aadb0
```
#5aadb0 rgb(90,173,176)
```
#68b4b6
```
#68b4b6 rgb(104,180,182)
```
#75bbbd
```
#75bbbd rgb(117,187,189)
```
#82c1c3
```
#82c1c3 rgb(130,193,195)
```
#8fc8c9
```
#8fc8c9 rgb(143,200,201)
```
#9dced0
```
#9dced0 rgb(157,206,208)
```
#aad5d6
```
#aad5d6 rgb(170,213,214)
```
#b7dbdd
```
#b7dbdd rgb(183,219,221)
```
#c4e2e3
```
#c4e2e3 rgb(196,226,227)
```
#d2e9e9
```
#d2e9e9 rgb(210,233,233)
```
#dfeff0
```
#dfeff0 rgb(223,239,240)
```
#ecf6f6
```
#ecf6f6 rgb(236,246,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#5a6262
```
#5a6262 rgb(90,98,98)
```
#536969
```
#536969 rgb(83,105,105)
```
#4b6f71
```
#4b6f71 rgb(75,111,113)
```
#447678
```
#447678 rgb(68,118,120)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#368486
```
#368486 rgb(54,132,134)
```
#2f8b8d
```
#2f8b8d rgb(47,139,141)
```
#279195
```
#279195 rgb(39,145,149)
```
#20989c
```
#20989c rgb(32,152,156)
```
#199fa3
```
#199fa3 rgb(25,159,163)
```
#12a6aa
```
#12a6aa rgb(18,166,170)
```
#0aadb2
```
#0aadb2 rgb(10,173,178)
```
#03b3b9
```
#03b3b9 rgb(3,179,185)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#616e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7980 Protanopia 1% of men
#7e778a Deuteranopia 1% of men
#49828c Tritanopia 0.001% of the population

Trichromacy

#647a7f Protanomaly 1% of men, 0.01% of women
#667986 Deuteranomaly 6% of men, 0.4% of women
#458087 Tritanomaly 0.01% of the population