#3d6165 hex color

In a RGB color space, hex #3d6165 is composed of 23.9% red, 38% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 4% magenta, 0% yellow and 60.4% black. It has a hue angle of 186 degrees, a saturation of 24.7% and a lightness of 31.8%. #3d6165 color hex could be obtained by blending #7ac2ca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 38
- B 40
RGB color chart
- C 40
- M 4
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #3d6165 has RGB values of R:61, G:97, B:101 and CMYK values of C:0.4, M:0.04, Y:0, K:0.6. Its decimal value is 4022629.

Hex triplet	3d6165	`#3d6165`
RGB Decimal	61, 97, 101	`rgb(61,97,101)`
RGB Percent	23.9, 38, 39.6	`rgb(23.9%,38%,39.6%)`
CMYK	40, 4, 0, 60
HSL	186°, 24.7, 31.8	`hsl(186,24.7%,31.8%)`
HSV (or HSB)	186°, 39.6, 39.6
Web Safe	336666	`#336666`

CIE-LAB	38.692, -11.728, -6.369
XYZ	8.548, 10.481, 13.884
xyY	0.26, 0.318, 10.481
CIE-LCH	38.692, 13.346, 208.506
CIE-LUV	38.692, -16.597, -6.817
Hunter-Lab	32.374, -9.526, -2.765
Binary	00111101, 01100001, 01100101

#3d6165
```
#3d6165 rgb(61,97,101)
```
#65413d
```
#65413d rgb(101,65,61)
```

Complementary Color

#3d6555
```
#3d6555 rgb(61,101,85)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#3d4d65
```
#3d4d65 rgb(61,77,101)
```

Analogous Color

#65553d
```
#65553d rgb(101,85,61)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#653d4d
```
#653d4d rgb(101,61,77)
```

Split Complementary Color

#61653d
```
#61653d rgb(97,101,61)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#653d61
```
#653d61 rgb(101,61,97)
```

Triadic Color

#3d6541
```
#3d6541 rgb(61,101,65)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#653d61
```
#653d61 rgb(101,61,97)
```
#65413d
```
#65413d rgb(101,65,61)
```

Tetradic Color

#203335
```
#203335 rgb(32,51,53)
```
#2a4245
```
#2a4245 rgb(42,66,69)
```
#335255
```
#335255 rgb(51,82,85)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#477075
```
#477075 rgb(71,112,117)
```
#508085
```
#508085 rgb(80,128,133)
```
#5a8f95
```
#5a8f95 rgb(90,143,149)
```

Monochromatic Color

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

#3d655f
```
#3d655f rgb(61,101,95)
```
#3d6562
```
#3d6562 rgb(61,101,98)
```
#3d6465
```
#3d6465 rgb(61,100,101)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#3d5e65
```
#3d5e65 rgb(61,94,101)
```
#3d5a65
```
#3d5a65 rgb(61,90,101)
```
#3d5765
```
#3d5765 rgb(61,87,101)
```

Similar Colors

Text with hexadecimal color #3d6165

This text has a font color of #3d6165.

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

#3d6165 background color

This paragraph has a background color of #3d6165.

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

#3d6165 border color

This element has a border color of #3d6165.

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

CSS codes

.text {color:#3d6165;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0f
```
#090f0f rgb(9,15,15)
```
#111b1c
```
#111b1c rgb(17,27,28)
```
#182628
```
#182628 rgb(24,38,40)
```
#1f3234
```
#1f3234 rgb(31,50,52)
```
#273e40
```
#273e40 rgb(39,62,64)
```
#2e4a4d
```
#2e4a4d rgb(46,74,77)
```
#365559
```
#365559 rgb(54,85,89)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#446d71
```
#446d71 rgb(68,109,113)
```
#4c787d
```
#4c787d rgb(76,120,125)
```
#53848a
```
#53848a rgb(83,132,138)
```
#5b9096
```
#5b9096 rgb(91,144,150)
```

Shade Color Variation

#639ba1
```
#639ba1 rgb(99,155,161)
```
#6fa3a8
```
#6fa3a8 rgb(111,163,168)
```
#7caab0
```
#7caab0 rgb(124,170,176)
```
#88b2b7
```
#88b2b7 rgb(136,178,183)
```
#94babe
```
#94babe rgb(148,186,190)
```
#a0c2c6
```
#a0c2c6 rgb(160,194,198)
```
#adcacd
```
#adcacd rgb(173,202,205)
```
#b9d2d5
```
#b9d2d5 rgb(185,210,213)
```
#c5dadc
```
#c5dadc rgb(197,218,220)
```
#d1e2e3
```
#d1e2e3 rgb(209,226,227)
```
#dde9eb
```
#dde9eb rgb(221,233,235)
```
#eaf1f2
```
#eaf1f2 rgb(234,241,242)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#505252
```
#505252 rgb(80,82,82)
```
#495759
```
#495759 rgb(73,87,89)
```
#435c5f
```
#435c5f rgb(67,92,95)
```
#3d6165
```
#3d6165 rgb(61,97,101)
```
#37666b
```
#37666b rgb(55,102,107)
```
#316b71
```
#316b71 rgb(49,107,113)
```
#2a7078
```
#2a7078 rgb(42,112,120)
```
#24757e
```
#24757e rgb(36,117,126)
```
#1e7a84
```
#1e7a84 rgb(30,122,132)
```
#187f8a
```
#187f8a rgb(24,127,138)
```
#118491
```
#118491 rgb(17,132,145)
```
#0b8997
```
#0b8997 rgb(11,137,151)
```
#058e9d
```
#058e9d rgb(5,142,157)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#52595a Atypical Achromatopsia 0.001% of the population

Dichromacy

#636369 Protanopia 1% of men
#66616f Deuteranopia 1% of men
#486870 Tritanopia 0.001% of the population

Trichromacy

#556267 Protanomaly 1% of men, 0.01% of women
#57616b Deuteranomaly 6% of men, 0.4% of women
#44656c Tritanomaly 0.01% of the population

#3d6165 hex color

#3d6165 Color Information

#3d6165 Color Conversion

Color Schemes with #3d6165

Alternatives to #3d6165

#3d6165 Preview

Shades and Tints of #3d6165

Tones of #3d6165

Color Blindness Simulator