#3d6066 hex color

In a RGB color space, hex #3d6066 is composed of 23.9% red, 37.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 5.9% magenta, 0% yellow and 60% black. It has a hue angle of 188.8 degrees, a saturation of 25.2% and a lightness of 32%. #3d6066 color hex could be obtained by blending #7ac0cc with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3d6066 has RGB values of R:61, G:96, B:102 and CMYK values of C:0.4, M:0.06, Y:0, K:0.6. Its decimal value is 4022374.

Hex triplet	3d6066	`#3d6066`
RGB Decimal	61, 96, 102	`rgb(61,96,102)`
RGB Percent	23.9, 37.6, 40	`rgb(23.9%,37.6%,40%)`
CMYK	40, 6, 0, 60
HSL	188.8°, 25.2, 32	`hsl(188.8,25.2%,32%)`
HSV (or HSB)	188.8°, 40.2, 40
Web Safe	336666	`#336666`

CIE-LAB	38.405, -10.865, -7.414
XYZ	8.505, 10.317, 14.113
xyY	0.258, 0.313, 10.317
CIE-LCH	38.405, 13.153, 214.309
CIE-LUV	38.405, -16.16, -8.346
Hunter-Lab	32.12, -8.944, -3.567
Binary	00111101, 01100000, 01100110

#3d6066
```
#3d6066 rgb(61,96,102)
```
#66433d
```
#66433d rgb(102,67,61)
```

Complementary Color

#3d6658
```
#3d6658 rgb(61,102,88)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#3d4c66
```
#3d4c66 rgb(61,76,102)
```

Analogous Color

#66583d
```
#66583d rgb(102,88,61)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#663d4c
```
#663d4c rgb(102,61,76)
```

Split Complementary Color

#60663d
```
#60663d rgb(96,102,61)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#663d60
```
#663d60 rgb(102,61,96)
```

Triadic Color

#3d6643
```
#3d6643 rgb(61,102,67)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#663d60
```
#663d60 rgb(102,61,96)
```
#66433d
```
#66433d rgb(102,67,61)
```

Tetradic Color

#203336
```
#203336 rgb(32,51,54)
```
#2a4246
```
#2a4246 rgb(42,66,70)
```
#335156
```
#335156 rgb(51,81,86)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#476f76
```
#476f76 rgb(71,111,118)
```
#507e86
```
#507e86 rgb(80,126,134)
```
#5a8d96
```
#5a8d96 rgb(90,141,150)
```

Monochromatic Color

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

#3d6662
```
#3d6662 rgb(61,102,98)
```
#3d6665
```
#3d6665 rgb(61,102,101)
```
#3d6366
```
#3d6366 rgb(61,99,102)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#3d5d66
```
#3d5d66 rgb(61,93,102)
```
#3d5966
```
#3d5966 rgb(61,89,102)
```
#3d5666
```
#3d5666 rgb(61,86,102)
```

Similar Colors

Text with hexadecimal color #3d6066

This text has a font color of #3d6066.

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

#3d6066 background color

This paragraph has a background color of #3d6066.

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

#3d6066 border color

This element has a border color of #3d6066.

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

CSS codes

.text {color:#3d6066;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#0a0f10
```
#0a0f10 rgb(10,15,16)
```
#111b1c
```
#111b1c rgb(17,27,28)
```
#182629
```
#182629 rgb(24,38,41)
```
#203235
```
#203235 rgb(32,50,53)
```
#273d41
```
#273d41 rgb(39,61,65)
```
#2e494d
```
#2e494d rgb(46,73,77)
```
#36545a
```
#36545a rgb(54,84,90)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#446c72
```
#446c72 rgb(68,108,114)
```
#4c777f
```
#4c777f rgb(76,119,127)
```
#53838b
```
#53838b rgb(83,131,139)
```
#5a8e97
```
#5a8e97 rgb(90,142,151)
```

Shade Color Variation

#6399a2
```
#6399a2 rgb(99,153,162)
```
#70a1a9
```
#70a1a9 rgb(112,161,169)
```
#7ca9b1
```
#7ca9b1 rgb(124,169,177)
```
#88b1b8
```
#88b1b8 rgb(136,177,184)
```
#94b9bf
```
#94b9bf rgb(148,185,191)
```
#a1c1c7
```
#a1c1c7 rgb(161,193,199)
```
#adc9ce
```
#adc9ce rgb(173,201,206)
```
#b9d1d5
```
#b9d1d5 rgb(185,209,213)
```
#c5d9dd
```
#c5d9dd rgb(197,217,221)
```
#d2e1e4
```
#d2e1e4 rgb(210,225,228)
```
#dee9eb
```
#dee9eb rgb(222,233,235)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#505353
```
#505353 rgb(80,83,83)
```
#4a5759
```
#4a5759 rgb(74,87,89)
```
#435c60
```
#435c60 rgb(67,92,96)
```
#3d6066
```
#3d6066 rgb(61,96,102)
```
#37646c
```
#37646c rgb(55,100,108)
```
#306973
```
#306973 rgb(48,105,115)
```
#2a6d79
```
#2a6d79 rgb(42,109,121)
```
#24727f
```
#24727f rgb(36,114,127)
```
#1e7685
```
#1e7685 rgb(30,118,133)
```
#177b8c
```
#177b8c rgb(23,123,140)
```
#117f92
```
#117f92 rgb(17,127,146)
```
#0b8398
```
#0b8398 rgb(11,131,152)
```
#05889e
```
#05889e rgb(5,136,158)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#515859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#62626a Protanopia 1% of men
#656070 Deuteranopia 1% of men
#47686f Tritanopia 0.001% of the population

Trichromacy

#546168 Protanomaly 1% of men, 0.01% of women
#56606c Deuteranomaly 6% of men, 0.4% of women
#43656c Tritanomaly 0.01% of the population

#3d6066 hex color

#3d6066 Color Information

#3d6066 Color Conversion

Color Schemes with #3d6066

Alternatives to #3d6066

#3d6066 Preview

Shades and Tints of #3d6066

Tones of #3d6066

Color Blindness Simulator