#3f666d hex color

In a RGB color space, hex #3f666d is composed of 24.7% red, 40% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 6.4% magenta, 0% yellow and 57.3% black. It has a hue angle of 189.1 degrees, a saturation of 26.7% and a lightness of 33.7%. #3f666d color hex could be obtained by blending #7eccda with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 40
- B 43
RGB color chart
- C 42
- M 6
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #3f666d has RGB values of R:63, G:102, B:109 and CMYK values of C:0.42, M:0.06, Y:0, K:0.57. Its decimal value is 4154989.

Hex triplet	3f666d	`#3f666d`
RGB Decimal	63, 102, 109	`rgb(63,102,109)`
RGB Percent	24.7, 40, 42.7	`rgb(24.7%,40%,42.7%)`
CMYK	42, 6, 0, 57
HSL	189.1°, 26.7, 33.7	`hsl(189.1,26.7%,33.7%)`
HSV (or HSB)	189.1°, 42.2, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.676, -11.756, -8.293
XYZ	9.561, 11.663, 16.215
xyY	0.255, 0.312, 11.663
CIE-LCH	40.676, 14.386, 215.201
CIE-LUV	40.676, -17.879, -9.583
Hunter-Lab	34.151, -9.793, -4.244
Binary	00111111, 01100110, 01101101

#3f666d
```
#3f666d rgb(63,102,109)
```
#6d463f
```
#6d463f rgb(109,70,63)
```

Complementary Color

#3f6d5d
```
#3f6d5d rgb(63,109,93)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#3f4f6d
```
#3f4f6d rgb(63,79,109)
```

Analogous Color

#6d5d3f
```
#6d5d3f rgb(109,93,63)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#6d3f4f
```
#6d3f4f rgb(109,63,79)
```

Split Complementary Color

#666d3f
```
#666d3f rgb(102,109,63)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#6d3f66
```
#6d3f66 rgb(109,63,102)
```

Triadic Color

#3f6d46
```
#3f6d46 rgb(63,109,70)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#6d3f66
```
#6d3f66 rgb(109,63,102)
```
#6d463f
```
#6d463f rgb(109,70,63)
```

Tetradic Color

#23393d
```
#23393d rgb(35,57,61)
```
#2c484d
```
#2c484d rgb(44,72,77)
```
#36575d
```
#36575d rgb(54,87,93)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#48757d
```
#48757d rgb(72,117,125)
```
#52848d
```
#52848d rgb(82,132,141)
```
#5b939d
```
#5b939d rgb(91,147,157)
```

Monochromatic Color

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

#3f6d69
```
#3f6d69 rgb(63,109,105)
```
#3f6d6c
```
#3f6d6c rgb(63,109,108)
```
#3f6a6d
```
#3f6a6d rgb(63,106,109)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#3f626d
```
#3f626d rgb(63,98,109)
```
#3f5e6d
```
#3f5e6d rgb(63,94,109)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```

Similar Colors

Text with hexadecimal color #3f666d

This text has a font color of #3f666d.

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

#3f666d background color

This paragraph has a background color of #3f666d.

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

#3f666d border color

This element has a border color of #3f666d.

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

CSS codes

.text {color:#3f666d;}

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

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

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, #06090a is the darkest color, while #fcfdfd is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1516
```
#0d1516 rgb(13,21,22)
```
#142022
```
#142022 rgb(20,32,34)
```
#1b2c2f
```
#1b2c2f rgb(27,44,47)
```
#22373b
```
#22373b rgb(34,55,59)
```
#294348
```
#294348 rgb(41,67,72)
```
#314f54
```
#314f54 rgb(49,79,84)
```
#385a61
```
#385a61 rgb(56,90,97)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#467279
```
#467279 rgb(70,114,121)
```
#4d7d86
```
#4d7d86 rgb(77,125,134)
```
#558992
```
#558992 rgb(85,137,146)
```
#5c959f
```
#5c959f rgb(92,149,159)
```

Shade Color Variation

#679da7
```
#679da7 rgb(103,157,167)
```
#73a5ae
```
#73a5ae rgb(115,165,174)
```
#80adb5
```
#80adb5 rgb(128,173,181)
```
#8cb5bd
```
#8cb5bd rgb(140,181,189)
```
#99bdc4
```
#99bdc4 rgb(153,189,196)
```
#a5c5cb
```
#a5c5cb rgb(165,197,203)
```
#b2cdd2
```
#b2cdd2 rgb(178,205,210)
```
#bed5d9
```
#bed5d9 rgb(190,213,217)
```
#cadde1
```
#cadde1 rgb(202,221,225)
```
#d7e5e8
```
#d7e5e8 rgb(215,229,232)
```
#e3edef
```
#e3edef rgb(227,237,239)
```
#f0f5f6
```
#f0f5f6 rgb(240,245,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#535859
```
#535859 rgb(83,88,89)
```
#4c5d60
```
#4c5d60 rgb(76,93,96)
```
#466166
```
#466166 rgb(70,97,102)
```
#3f666d
```
#3f666d rgb(63,102,109)
```
#386b74
```
#386b74 rgb(56,107,116)
```
#326f7a
```
#326f7a rgb(50,111,122)
```
#2b7481
```
#2b7481 rgb(43,116,129)
```
#257887
```
#257887 rgb(37,120,135)
```
#1e7d8e
```
#1e7d8e rgb(30,125,142)
```
#178295
```
#178295 rgb(23,130,149)
```
#11869b
```
#11869b rgb(17,134,155)
```
#0a8ba2
```
#0a8ba2 rgb(10,139,162)
```
#038fa9
```
#038fa9 rgb(3,143,169)
```

Tone Color Variation

Below, you can see how #3f666d 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
#555d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#676770 Protanopia 1% of men
#6a6577 Deuteranopia 1% of men
#496d75 Tritanopia 0.001% of the population

Trichromacy

#58666f Protanomaly 1% of men, 0.01% of women
#5a6573 Deuteranomaly 6% of men, 0.4% of women
#456a72 Tritanomaly 0.01% of the population

#3f666d hex color

#3f666d Color Information

#3f666d Color Conversion

Color Schemes with #3f666d

Alternatives to #3f666d

#3f666d Preview

Shades and Tints of #3f666d

Tones of #3f666d

Color Blindness Simulator