#3f6f6b hex color

In a RGB color space, hex #3f6f6b is composed of 24.7% red, 43.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 0% magenta, 3.6% yellow and 56.5% black. It has a hue angle of 175 degrees, a saturation of 27.6% and a lightness of 34.1%. #3f6f6b color hex could be obtained by blending #7eded6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 44
- B 42
RGB color chart
- C 43
- M 0
- Y 4
- K 56
CMYK color chart

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

The hexadecimal color #3f6f6b has RGB values of R:63, G:111, B:107 and CMYK values of C:0.43, M:0, Y:0.04, K:0.56. Its decimal value is 4157291.

Hex triplet	3f6f6b	`#3f6f6b`
RGB Decimal	63, 111, 107	`rgb(63,111,107)`
RGB Percent	24.7, 43.5, 42	`rgb(24.7%,43.5%,42%)`
CMYK	43, 0, 4, 56
HSL	175°, 27.6, 34.1	`hsl(175,27.6%,34.1%)`
HSV (or HSB)	175°, 43.2, 43.5
Web Safe	336666	`#336666`

CIE-LAB	43.487, -17.359, -2.898
XYZ	10.387, 13.487, 15.965
xyY	0.261, 0.339, 13.487
CIE-LCH	43.487, 17.599, 189.478
CIE-LUV	43.487, -21.703, -1.432
Hunter-Lab	36.724, -13.778, -0.068
Binary	00111111, 01101111, 01101011

#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#6f3f43
```
#6f3f43 rgb(111,63,67)
```

Complementary Color

#3f6f53
```
#3f6f53 rgb(63,111,83)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#3f5b6f
```
#3f5b6f rgb(63,91,111)
```

Analogous Color

#6f533f
```
#6f533f rgb(111,83,63)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#6f3f5b
```
#6f3f5b rgb(111,63,91)
```

Split Complementary Color

#6f6b3f
```
#6f6b3f rgb(111,107,63)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#6b3f6f
```
#6b3f6f rgb(107,63,111)
```

Triadic Color

#436f3f
```
#436f3f rgb(67,111,63)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#6b3f6f
```
#6b3f6f rgb(107,63,111)
```
#6f3f43
```
#6f3f43 rgb(111,63,67)
```

Tetradic Color

#233e3c
```
#233e3c rgb(35,62,60)
```
#2d4e4c
```
#2d4e4c rgb(45,78,76)
```
#365f5b
```
#365f5b rgb(54,95,91)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#487f7b
```
#487f7b rgb(72,127,123)
```
#51908a
```
#51908a rgb(81,144,138)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```

Monochromatic Color

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

#3f6f5f
```
#3f6f5f rgb(63,111,95)
```
#3f6f63
```
#3f6f63 rgb(63,111,99)
```
#3f6f67
```
#3f6f67 rgb(63,111,103)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#3f6f6f
```
#3f6f6f rgb(63,111,111)
```
#3f6b6f
```
#3f6b6f rgb(63,107,111)
```
#3f676f
```
#3f676f rgb(63,103,111)
```

Similar Colors

Text with hexadecimal color #3f6f6b

This text has a font color of #3f6f6b.

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

#3f6f6b background color

This paragraph has a background color of #3f6f6b.

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

#3f6f6b border color

This element has a border color of #3f6f6b.

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

CSS codes

.text {color:#3f6f6b;}

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

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

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, #060b0b is the darkest color, while #fdfefe is the lightest one.

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1717
```
#0d1717 rgb(13,23,23)
```
#142423
```
#142423 rgb(20,36,35)
```
#1b302f
```
#1b302f rgb(27,48,47)
```
#233d3b
```
#233d3b rgb(35,61,59)
```
#2a4947
```
#2a4947 rgb(42,73,71)
```
#315653
```
#315653 rgb(49,86,83)
```
#38625f
```
#38625f rgb(56,98,95)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#467c77
```
#467c77 rgb(70,124,119)
```
#4d8883
```
#4d8883 rgb(77,136,131)
```
#54958f
```
#54958f rgb(84,149,143)
```
#5ba19b
```
#5ba19b rgb(91,161,155)
```

Shade Color Variation

#67a9a3
```
#67a9a3 rgb(103,169,163)
```
#74b0ab
```
#74b0ab rgb(116,176,171)
```
#80b7b2
```
#80b7b2 rgb(128,183,178)
```
#8dbeba
```
#8dbeba rgb(141,190,186)
```
#99c5c2
```
#99c5c2 rgb(153,197,194)
```
#a6ccc9
```
#a6ccc9 rgb(166,204,201)
```
#b2d3d1
```
#b2d3d1 rgb(178,211,209)
```
#bfdbd8
```
#bfdbd8 rgb(191,219,216)
```
#cbe2e0
```
#cbe2e0 rgb(203,226,224)
```
#d8e9e7
```
#d8e9e7 rgb(216,233,231)
```
#e4f0ef
```
#e4f0ef rgb(228,240,239)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#535b5a
```
#535b5a rgb(83,91,90)
```
#4c6260
```
#4c6260 rgb(76,98,96)
```
#466865
```
#466865 rgb(70,104,101)
```
#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#387671
```
#387671 rgb(56,118,113)
```
#327c76
```
#327c76 rgb(50,124,118)
```
#2b837c
```
#2b837c rgb(43,131,124)
```
#248a81
```
#248a81 rgb(36,138,129)
```
#1e9087
```
#1e9087 rgb(30,144,135)
```
#17978c
```
#17978c rgb(23,151,140)
```
#109e92
```
#109e92 rgb(16,158,146)
```
#09a598
```
#09a598 rgb(9,165,152)
```
#03ab9d
```
#03ab9d rgb(3,171,157)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#596362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706e6e Protanopia 1% of men
#756b76 Deuteranopia 1% of men
#4c747d Tritanopia 0.001% of the population

Trichromacy

#5e6e6d Protanomaly 1% of men, 0.01% of women
#616c72 Deuteranomaly 6% of men, 0.4% of women
#477276 Tritanomaly 0.01% of the population

#3f6f6b hex color

#3f6f6b Color Information

#3f6f6b Color Conversion

Color Schemes with #3f6f6b

Alternatives to #3f6f6b

#3f6f6b Preview

Shades and Tints of #3f6f6b

Tones of #3f6f6b

Color Blindness Simulator