#3d8580 hex color

In a RGB color space, hex #3d8580 is composed of 23.9% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 175.8 degrees, a saturation of 37.1% and a lightness of 38%. #3d8580 color hex could be obtained by blending #7affff with #000b01. Closest websafe color is: #339999.

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

● #3d8580 color description : Dark moderate cyan.

The hexadecimal color #3d8580 has RGB values of R:61, G:133, B:128 and CMYK values of C:0.54, M:0, Y:0.04, K:0.48. Its decimal value is 4031872.

Hex triplet	3d8580	`#3d8580`
RGB Decimal	61, 133, 128	`rgb(61,133,128)`
RGB Percent	23.9, 52.2, 50.2	`rgb(23.9%,52.2%,50.2%)`
CMYK	54, 0, 4, 48
HSL	175.8°, 37.1, 38	`hsl(175.8,37.1%,38%)`
HSV (or HSB)	175.8°, 54.1, 52.2
Web Safe	339999	`#339999`

CIE-LAB	51.065, -23.719, -4.172
XYZ	14.207, 19.325, 23.402
xyY	0.25, 0.339, 19.325
CIE-LCH	51.065, 24.083, 189.977
CIE-LUV	51.065, -30.541, -2.428
Hunter-Lab	43.96, -19.241, -0.791
Binary	00111101, 10000101, 10000000

#3d8580
```
#3d8580 rgb(61,133,128)
```
#853d42
```
#853d42 rgb(133,61,66)
```

Complementary Color

#3d855c
```
#3d855c rgb(61,133,92)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#3d6685
```
#3d6685 rgb(61,102,133)
```

Analogous Color

#855c3d
```
#855c3d rgb(133,92,61)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#853d66
```
#853d66 rgb(133,61,102)
```

Split Complementary Color

#85803d
```
#85803d rgb(133,128,61)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#803d85
```
#803d85 rgb(128,61,133)
```

Triadic Color

#42853d
```
#42853d rgb(66,133,61)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#803d85
```
#803d85 rgb(128,61,133)
```
#853d42
```
#853d42 rgb(133,61,66)
```

Tetradic Color

#25514e
```
#25514e rgb(37,81,78)
```
#2d625e
```
#2d625e rgb(45,98,94)
```
#35746f
```
#35746f rgb(53,116,111)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#459691
```
#459691 rgb(69,150,145)
```
#4da8a2
```
#4da8a2 rgb(77,168,162)
```
#5bb4ae
```
#5bb4ae rgb(91,180,174)
```

Monochromatic Color

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

#3d856e
```
#3d856e rgb(61,133,110)
```
#3d8574
```
#3d8574 rgb(61,133,116)
```
#3d857a
```
#3d857a rgb(61,133,122)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#3d8485
```
#3d8485 rgb(61,132,133)
```
#3d7e85
```
#3d7e85 rgb(61,126,133)
```
#3d7885
```
#3d7885 rgb(61,120,133)
```

Similar Colors

Text with hexadecimal color #3d8580

This text has a font color of #3d8580.

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

#3d8580 background color

This paragraph has a background color of #3d8580.

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

#3d8580 border color

This element has a border color of #3d8580.

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

CSS codes

.text {color:#3d8580;}

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

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

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

#050c0c
```
#050c0c rgb(5,12,12)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#122725
```
#122725 rgb(18,39,37)
```
#183432
```
#183432 rgb(24,52,50)
```
#1e423f
```
#1e423f rgb(30,66,63)
```
#244f4c
```
#244f4c rgb(36,79,76)
```
#2a5d59
```
#2a5d59 rgb(42,93,89)
```
#316a66
```
#316a66 rgb(49,106,102)
```
#377873
```
#377873 rgb(55,120,115)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#43928d
```
#43928d rgb(67,146,141)
```
#49a09a
```
#49a09a rgb(73,160,154)
```
#50ada7
```
#50ada7 rgb(80,173,167)
```

Shade Color Variation

#5cb4ae
```
#5cb4ae rgb(92,180,174)
```
#6abab5
```
#6abab5 rgb(106,186,181)
```
#77c1bc
```
#77c1bc rgb(119,193,188)
```
#84c7c2
```
#84c7c2 rgb(132,199,194)
```
#92cdc9
```
#92cdc9 rgb(146,205,201)
```
#9fd3d0
```
#9fd3d0 rgb(159,211,208)
```
#add9d6
```
#add9d6 rgb(173,217,214)
```
#badfdd
```
#badfdd rgb(186,223,221)
```
#c8e6e4
```
#c8e6e4 rgb(200,230,228)
```
#d5ecea
```
#d5ecea rgb(213,236,234)
```
#e3f2f1
```
#e3f2f1 rgb(227,242,241)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5b6766
```
#5b6766 rgb(91,103,102)
```
#536f6d
```
#536f6d rgb(83,111,109)
```
#4c7673
```
#4c7673 rgb(76,118,115)
```
#447e7a
```
#447e7a rgb(68,126,122)
```
#3d8580
```
#3d8580 rgb(61,133,128)
```
#368c86
```
#368c86 rgb(54,140,134)
```
#2e948d
```
#2e948d rgb(46,148,141)
```
#279b93
```
#279b93 rgb(39,155,147)
```
#1fa39a
```
#1fa39a rgb(31,163,154)
```
#18aaa0
```
#18aaa0 rgb(24,170,160)
```
#10b2a7
```
#10b2a7 rgb(16,178,167)
```
#09b9ad
```
#09b9ad rgb(9,185,173)
```
#01c1b3
```
#01c1b3 rgb(1,193,179)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#657372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827f80 Protanopia 1% of men
#877d8b Deuteranopia 1% of men
#4c8993 Tritanopia 0.001% of the population

Trichromacy

#698180 Protanomaly 1% of men, 0.01% of women
#6c8087 Deuteranomaly 6% of men, 0.4% of women
#46878c Tritanomaly 0.01% of the population

#3d8580 hex color

#3d8580 Color Information

#3d8580 Color Conversion

Color Schemes with #3d8580

Alternatives to #3d8580

#3d8580 Preview

Shades and Tints of #3d8580

Tones of #3d8580

Color Blindness Simulator