#3f666c hex color

In a RGB color space, hex #3f666c is composed of 24.7% red, 40% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 5.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 188 degrees, a saturation of 26.3% and a lightness of 33.5%. #3f666c color hex could be obtained by blending #7eccd8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3f666c has RGB values of R:63, G:102, B:108 and CMYK values of C:0.42, M:0.06, Y:0, K:0.58. Its decimal value is 4154988.

Hex triplet	3f666c	`#3f666c`
RGB Decimal	63, 102, 108	`rgb(63,102,108)`
RGB Percent	24.7, 40, 42.4	`rgb(24.7%,40%,42.4%)`
CMYK	42, 6, 0, 58
HSL	188°, 26.3, 33.5	`hsl(188,26.3%,33.5%)`
HSV (or HSB)	188°, 41.7, 42.4
Web Safe	336666	`#336666`

CIE-LAB	40.641, -12.041, -7.735
XYZ	9.507, 11.642, 15.933
xyY	0.256, 0.314, 11.642
CIE-LCH	40.641, 14.311, 212.716
CIE-LUV	40.641, -17.895, -8.762
Hunter-Lab	34.12, -9.972, -3.802
Binary	00111111, 01100110, 01101100

#3f666c
```
#3f666c rgb(63,102,108)
```
#6c453f
```
#6c453f rgb(108,69,63)
```

Complementary Color

#3f6c5c
```
#3f6c5c rgb(63,108,92)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#3f506c
```
#3f506c rgb(63,80,108)
```

Analogous Color

#6c5c3f
```
#6c5c3f rgb(108,92,63)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#6c3f50
```
#6c3f50 rgb(108,63,80)
```

Split Complementary Color

#666c3f
```
#666c3f rgb(102,108,63)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#6c3f66
```
#6c3f66 rgb(108,63,102)
```

Triadic Color

#3f6c45
```
#3f6c45 rgb(63,108,69)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#6c3f66
```
#6c3f66 rgb(108,63,102)
```
#6c453f
```
#6c453f rgb(108,69,63)
```

Tetradic Color

#23383c
```
#23383c rgb(35,56,60)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#36575c
```
#36575c rgb(54,87,92)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#48757c
```
#48757c rgb(72,117,124)
```
#52848c
```
#52848c rgb(82,132,140)
```
#5b949c
```
#5b949c rgb(91,148,156)
```

Monochromatic Color

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

#3f6c67
```
#3f6c67 rgb(63,108,103)
```
#3f6c6b
```
#3f6c6b rgb(63,108,107)
```
#3f6a6c
```
#3f6a6c rgb(63,106,108)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#3f626c
```
#3f626c rgb(63,98,108)
```
#3f5f6c
```
#3f5f6c rgb(63,95,108)
```
#3f5b6c
```
#3f5b6c rgb(63,91,108)
```

Similar Colors

Text with hexadecimal color #3f666c

This text has a font color of #3f666c.

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

#3f666c background color

This paragraph has a background color of #3f666c.

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

#3f666c border color

This element has a border color of #3f666c.

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

CSS codes

.text {color:#3f666c;}

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

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1415
```
#0c1415 rgb(12,20,21)
```
#142022
```
#142022 rgb(20,32,34)
```
#1b2b2e
```
#1b2b2e rgb(27,43,46)
```
#22373a
```
#22373a rgb(34,55,58)
```
#294347
```
#294347 rgb(41,67,71)
```
#314f53
```
#314f53 rgb(49,79,83)
```
#385a60
```
#385a60 rgb(56,90,96)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#467278
```
#467278 rgb(70,114,120)
```
#4d7d85
```
#4d7d85 rgb(77,125,133)
```
#558991
```
#558991 rgb(85,137,145)
```
#5c959e
```
#5c959e rgb(92,149,158)
```

Shade Color Variation

#679ea6
```
#679ea6 rgb(103,158,166)
```
#73a6ad
```
#73a6ad rgb(115,166,173)
```
#80aeb5
```
#80aeb5 rgb(128,174,181)
```
#8cb6bc
```
#8cb6bc rgb(140,182,188)
```
#98bdc3
```
#98bdc3 rgb(152,189,195)
```
#a5c5ca
```
#a5c5ca rgb(165,197,202)
```
#b1cdd2
```
#b1cdd2 rgb(177,205,210)
```
#bed5d9
```
#bed5d9 rgb(190,213,217)
```
#cadde0
```
#cadde0 rgb(202,221,224)
```
#d6e5e7
```
#d6e5e7 rgb(214,229,231)
```
#e3edef
```
#e3edef rgb(227,237,239)
```
#eff5f6
```
#eff5f6 rgb(239,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, #535858 is the less saturated color, while #0491a7 is the most saturated one.

#535858
```
#535858 rgb(83,88,88)
```
#4c5c5f
```
#4c5c5f rgb(76,92,95)
```
#466165
```
#466165 rgb(70,97,101)
```
#3f666c
```
#3f666c rgb(63,102,108)
```
#386b73
```
#386b73 rgb(56,107,115)
```
#327079
```
#327079 rgb(50,112,121)
```
#2b7480
```
#2b7480 rgb(43,116,128)
```
#257986
```
#257986 rgb(37,121,134)
```
#1e7e8d
```
#1e7e8d rgb(30,126,141)
```
#188393
```
#188393 rgb(24,131,147)
```
#11889a
```
#11889a rgb(17,136,154)
```
#0a8da1
```
#0a8da1 rgb(10,141,161)
```
#0491a7
```
#0491a7 rgb(4,145,167)
```

Tone Color Variation

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

Dichromacy

#67676f Protanopia 1% of men
#6a6576 Deuteranopia 1% of men
#496d75 Tritanopia 0.001% of the population

Trichromacy

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

#3f666c hex color

#3f666c Color Information

#3f666c Color Conversion

Color Schemes with #3f666c

Alternatives to #3f666c

#3f666c Preview

Shades and Tints of #3f666c

Tones of #3f666c

Color Blindness Simulator