#3f685e hex color

In a RGB color space, hex #3f685e is composed of 24.7% red, 40.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 0% magenta, 9.6% yellow and 59.2% black. It has a hue angle of 165.4 degrees, a saturation of 24.6% and a lightness of 32.7%. #3f685e color hex could be obtained by blending #7ed0bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 41
- B 37
RGB color chart
- C 39
- M 0
- Y 10
- K 59
CMYK color chart

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

The hexadecimal color #3f685e has RGB values of R:63, G:104, B:94 and CMYK values of C:0.39, M:0, Y:0.1, K:0.59. Its decimal value is 4155486.

Hex triplet	3f685e	`#3f685e`
RGB Decimal	63, 104, 94	`rgb(63,104,94)`
RGB Percent	24.7, 40.8, 36.9	`rgb(24.7%,40.8%,36.9%)`
CMYK	39, 0, 10, 59
HSL	165.4°, 24.6, 32.7	`hsl(165.4,24.6%,32.7%)`
HSV (or HSB)	165.4°, 39.4, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.84, -16.936, 1.097
XYZ	9.02, 11.765, 12.385
xyY	0.272, 0.355, 11.765
CIE-LCH	40.84, 16.971, 176.293
CIE-LUV	40.84, -19.003, 3.84
Hunter-Lab	34.3, -13.085, 2.603
Binary	00111111, 01101000, 01011110

#3f685e
```
#3f685e rgb(63,104,94)
```
#683f49
```
#683f49 rgb(104,63,73)
```

Complementary Color

#3f684a
```
#3f684a rgb(63,104,74)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#3f5e68
```
#3f5e68 rgb(63,94,104)
```

Analogous Color

#684a3f
```
#684a3f rgb(104,74,63)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#683f5e
```
#683f5e rgb(104,63,94)
```

Split Complementary Color

#685e3f
```
#685e3f rgb(104,94,63)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#5e3f68
```
#5e3f68 rgb(94,63,104)
```

Triadic Color

#49683f
```
#49683f rgb(73,104,63)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#5e3f68
```
#5e3f68 rgb(94,63,104)
```
#683f49
```
#683f49 rgb(104,63,73)
```

Tetradic Color

#223833
```
#223833 rgb(34,56,51)
```
#2c4841
```
#2c4841 rgb(44,72,65)
```
#355850
```
#355850 rgb(53,88,80)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#49786c
```
#49786c rgb(73,120,108)
```
#52887b
```
#52887b rgb(82,136,123)
```
#5c9889
```
#5c9889 rgb(92,152,137)
```

Monochromatic Color

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

#3f6854
```
#3f6854 rgb(63,104,84)
```
#3f6857
```
#3f6857 rgb(63,104,87)
```
#3f685b
```
#3f685b rgb(63,104,91)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#3f6861
```
#3f6861 rgb(63,104,97)
```
#3f6865
```
#3f6865 rgb(63,104,101)
```
#3f6868
```
#3f6868 rgb(63,104,104)
```

Similar Colors

Text with hexadecimal color #3f685e

This text has a font color of #3f685e.

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

#3f685e background color

This paragraph has a background color of #3f685e.

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

#3f685e border color

This element has a border color of #3f685e.

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

CSS codes

.text {color:#3f685e;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1211
```
#0b1211 rgb(11,18,17)
```
#131f1c
```
#131f1c rgb(19,31,28)
```
#1a2b27
```
#1a2b27 rgb(26,43,39)
```
#213732
```
#213732 rgb(33,55,50)
```
#29433d
```
#29433d rgb(41,67,61)
```
#305048
```
#305048 rgb(48,80,72)
```
#385c53
```
#385c53 rgb(56,92,83)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#467469
```
#467469 rgb(70,116,105)
```
#4e8074
```
#4e8074 rgb(78,128,116)
```
#558d7f
```
#558d7f rgb(85,141,127)
```
#5d998a
```
#5d998a rgb(93,153,138)
```

Shade Color Variation

#66a394
```
#66a394 rgb(102,163,148)
```
#73aa9d
```
#73aa9d rgb(115,170,157)
```
#7fb1a5
```
#7fb1a5 rgb(127,177,165)
```
#8bb9ae
```
#8bb9ae rgb(139,185,174)
```
#97c0b6
```
#97c0b6 rgb(151,192,182)
```
#a4c8bf
```
#a4c8bf rgb(164,200,191)
```
#b0cfc7
```
#b0cfc7 rgb(176,207,199)
```
#bcd6d0
```
#bcd6d0 rgb(188,214,208)
```
#c8ded9
```
#c8ded9 rgb(200,222,217)
```
#d4e5e1
```
#d4e5e1 rgb(212,229,225)
```
#e1edea
```
#e1edea rgb(225,237,234)
```
#edf4f2
```
#edf4f2 rgb(237,244,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#525554
```
#525554 rgb(82,85,84)
```
#4c5b57
```
#4c5b57 rgb(76,91,87)
```
#45625b
```
#45625b rgb(69,98,91)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#396e61
```
#396e61 rgb(57,110,97)
```
#327565
```
#327565 rgb(50,117,101)
```
#2c7b68
```
#2c7b68 rgb(44,123,104)
```
#25826b
```
#25826b rgb(37,130,107)
```
#1f886e
```
#1f886e rgb(31,136,110)
```
#188f72
```
#188f72 rgb(24,143,114)
```
#129575
```
#129575 rgb(18,149,117)
```
#0c9b78
```
#0c9b78 rgb(12,155,120)
```
#05a27c
```
#05a27c rgb(5,162,124)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#555e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6862 Protanopia 1% of men
#716569 Deuteranopia 1% of men
#4d6d75 Tritanopia 0.001% of the population

Trichromacy

#5b6860 Protanomaly 1% of men, 0.01% of women
#5f6665 Deuteranomaly 6% of men, 0.4% of women
#486b6c Tritanomaly 0.01% of the population

#3f685e hex color

#3f685e Color Information

#3f685e Color Conversion

Color Schemes with #3f685e

Alternatives to #3f685e

#3f685e Preview

Shades and Tints of #3f685e

Tones of #3f685e

Color Blindness Simulator