#3d7d8e hex color

In a RGB color space, hex #3d7d8e is composed of 23.9% red, 49% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 12% magenta, 0% yellow and 44.3% black. It has a hue angle of 192.6 degrees, a saturation of 39.9% and a lightness of 39.8%. #3d7d8e color hex could be obtained by blending #7afaff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 49
- B 56
RGB color chart
- C 57
- M 12
- Y 0
- K 44
CMYK color chart

● #3d7d8e color description : Dark moderate cyan.

The hexadecimal color #3d7d8e has RGB values of R:61, G:125, B:142 and CMYK values of C:0.57, M:0.12, Y:0, K:0.44. Its decimal value is 4029838.

Hex triplet	3d7d8e	`#3d7d8e`
RGB Decimal	61, 125, 142	`rgb(61,125,142)`
RGB Percent	23.9, 49, 55.7	`rgb(23.9%,49%,55.7%)`
CMYK	57, 12, 0, 44
HSL	192.6°, 39.9, 39.8	`hsl(192.6,39.9%,39.8%)`
HSV (or HSB)	192.6°, 57, 55.7
Web Safe	336699	`#336699`

CIE-LAB	49.021, -15.333, -15.446
XYZ	14.139, 17.611, 28.244
xyY	0.236, 0.294, 17.611
CIE-LCH	49.021, 21.764, 225.21
CIE-LUV	49.021, -26.799, -20.228
Hunter-Lab	41.966, -13.299, -10.527
Binary	00111101, 01111101, 10001110

#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#8e4e3d
```
#8e4e3d rgb(142,78,61)
```

Complementary Color

#3d8e77
```
#3d8e77 rgb(61,142,119)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#3d558e
```
#3d558e rgb(61,85,142)
```

Analogous Color

#8e773d
```
#8e773d rgb(142,119,61)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#8e3d55
```
#8e3d55 rgb(142,61,85)
```

Split Complementary Color

#7d8e3d
```
#7d8e3d rgb(125,142,61)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#8e3d7d
```
#8e3d7d rgb(142,61,125)
```

Triadic Color

#3d8e4e
```
#3d8e4e rgb(61,142,78)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#8e3d7d
```
#8e3d7d rgb(142,61,125)
```
#8e4e3d
```
#8e4e3d rgb(142,78,61)
```

Tetradic Color

#264e58
```
#264e58 rgb(38,78,88)
```
#2e5e6a
```
#2e5e6a rgb(46,94,106)
```
#356d7c
```
#356d7c rgb(53,109,124)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#458da0
```
#458da0 rgb(69,141,160)
```
#4c9cb2
```
#4c9cb2 rgb(76,156,178)
```
#5ea6ba
```
#5ea6ba rgb(94,166,186)
```

Monochromatic Color

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

#3d8e8b
```
#3d8e8b rgb(61,142,139)
```
#3d8b8e
```
#3d8b8e rgb(61,139,142)
```
#3d848e
```
#3d848e rgb(61,132,142)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#3d768e
```
#3d768e rgb(61,118,142)
```
#3d708e
```
#3d708e rgb(61,112,142)
```
#3d698e
```
#3d698e rgb(61,105,142)
```

Similar Colors

Text with hexadecimal color #3d7d8e

This text has a font color of #3d7d8e.

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

#3d7d8e background color

This paragraph has a background color of #3d7d8e.

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

#3d7d8e border color

This element has a border color of #3d7d8e.

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

CSS codes

.text {color:#3d7d8e;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1c20
```
#0e1c20 rgb(14,28,32)
```
#14282e
```
#14282e rgb(20,40,46)
```
#1a353c
```
#1a353c rgb(26,53,60)
```
#204149
```
#204149 rgb(32,65,73)
```
#254d57
```
#254d57 rgb(37,77,87)
```
#2b5965
```
#2b5965 rgb(43,89,101)
```
#316573
```
#316573 rgb(49,101,115)
```
#377180
```
#377180 rgb(55,113,128)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#43899c
```
#43899c rgb(67,137,156)
```
#4995a9
```
#4995a9 rgb(73,149,169)
```

Shade Color Variation

#51a0b4
```
#51a0b4 rgb(81,160,180)
```
#5fa7ba
```
#5fa7ba rgb(95,167,186)
```
#6dafc0
```
#6dafc0 rgb(109,175,192)
```
#7bb6c6
```
#7bb6c6 rgb(123,182,198)
```
#88becc
```
#88becc rgb(136,190,204)
```
#96c5d2
```
#96c5d2 rgb(150,197,210)
```
#a4cdd8
```
#a4cdd8 rgb(164,205,216)
```
#b1d4de
```
#b1d4de rgb(177,212,222)
```
#bfdce4
```
#bfdce4 rgb(191,220,228)
```
#cde3e9
```
#cde3e9 rgb(205,227,233)
```
#dbebef
```
#dbebef rgb(219,235,239)
```
#e8f3f5
```
#e8f3f5 rgb(232,243,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#646667
```
#646667 rgb(100,102,103)
```
#5c6b6f
```
#5c6b6f rgb(92,107,111)
```
#546f77
```
#546f77 rgb(84,111,119)
```
#4d747e
```
#4d747e rgb(77,116,126)
```
#457886
```
#457886 rgb(69,120,134)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#358296
```
#358296 rgb(53,130,150)
```
#2d869e
```
#2d869e rgb(45,134,158)
```
#268ba5
```
#268ba5 rgb(38,139,165)
```
#1e8fad
```
#1e8fad rgb(30,143,173)
```
#1694b5
```
#1694b5 rgb(22,148,181)
```
#0e98bd
```
#0e98bd rgb(14,152,189)
```
#069dc5
```
#069dc5 rgb(6,157,197)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#636f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777a8e Protanopia 1% of men
#777997 Deuteranopia 1% of men
#44848e Tritanopia 0.001% of the population

Trichromacy

#627b8e Protanomaly 1% of men, 0.01% of women
#627a94 Deuteranomaly 6% of men, 0.4% of women
#41818e Tritanomaly 0.01% of the population

#3d7d8e hex color

#3d7d8e Color Information

#3d7d8e Color Conversion

Color Schemes with #3d7d8e

Alternatives to #3d7d8e

#3d7d8e Preview

Shades and Tints of #3d7d8e

Tones of #3d7d8e

Color Blindness Simulator