#3f776c hex color

In a RGB color space, hex #3f776c is composed of 24.7% red, 46.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 9.2% yellow and 53.3% black. It has a hue angle of 168.2 degrees, a saturation of 30.8% and a lightness of 35.7%. #3f776c color hex could be obtained by blending #7eeed8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 47
- B 42
RGB color chart
- C 47
- M 0
- Y 9
- K 53
CMYK color chart

● #3f776c color description : Dark moderate cyan.

The hexadecimal color #3f776c has RGB values of R:63, G:119, B:108 and CMYK values of C:0.47, M:0, Y:0.09, K:0.53. Its decimal value is 4159340.

Hex triplet	3f776c	`#3f776c`
RGB Decimal	63, 119, 108	`rgb(63,119,108)`
RGB Percent	24.7, 46.7, 42.4	`rgb(24.7%,46.7%,42.4%)`
CMYK	47, 0, 9, 53
HSL	168.2°, 30.8, 35.7	`hsl(168.2,30.8%,35.7%)`
HSV (or HSB)	168.2°, 47.1, 46.7
Web Safe	336666	`#336666`

CIE-LAB	46.086, -21.374, 0.314
XYZ	11.353, 15.332, 16.548
xyY	0.263, 0.355, 15.332
CIE-LCH	46.086, 21.376, 179.157
CIE-LUV	46.086, -25.031, 3.53
Hunter-Lab	39.157, -16.772, 2.353
Binary	00111111, 01110111, 01101100

#3f776c
```
#3f776c rgb(63,119,108)
```
#773f4a
```
#773f4a rgb(119,63,74)
```

Complementary Color

#3f7750
```
#3f7750 rgb(63,119,80)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#3f6677
```
#3f6677 rgb(63,102,119)
```

Analogous Color

#77503f
```
#77503f rgb(119,80,63)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#773f66
```
#773f66 rgb(119,63,102)
```

Split Complementary Color

#776c3f
```
#776c3f rgb(119,108,63)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#6c3f77
```
#6c3f77 rgb(108,63,119)
```

Triadic Color

#4a773f
```
#4a773f rgb(74,119,63)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#6c3f77
```
#6c3f77 rgb(108,63,119)
```
#773f4a
```
#773f4a rgb(119,63,74)
```

Tetradic Color

#25453f
```
#25453f rgb(37,69,63)
```
#2d564e
```
#2d564e rgb(45,86,78)
```
#36665d
```
#36665d rgb(54,102,93)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#48887b
```
#48887b rgb(72,136,123)
```
#51988a
```
#51988a rgb(81,152,138)
```
#5ba899
```
#5ba899 rgb(91,168,153)
```

Monochromatic Color

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

#3f775e
```
#3f775e rgb(63,119,94)
```
#3f7763
```
#3f7763 rgb(63,119,99)
```
#3f7767
```
#3f7767 rgb(63,119,103)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#3f7771
```
#3f7771 rgb(63,119,113)
```
#3f7775
```
#3f7775 rgb(63,119,117)
```
#3f7477
```
#3f7477 rgb(63,116,119)
```

Similar Colors

Text with hexadecimal color #3f776c

This text has a font color of #3f776c.

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

#3f776c background color

This paragraph has a background color of #3f776c.

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

#3f776c border color

This element has a border color of #3f776c.

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

CSS codes

.text {color:#3f776c;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09100f
```
#09100f rgb(9,16,15)
```
#0f1d1b
```
#0f1d1b rgb(15,29,27)
```
#162a26
```
#162a26 rgb(22,42,38)
```
#1d3732
```
#1d3732 rgb(29,55,50)
```
#24443d
```
#24443d rgb(36,68,61)
```
#2b5149
```
#2b5149 rgb(43,81,73)
```
#315d55
```
#315d55 rgb(49,93,85)
```
#386a60
```
#386a60 rgb(56,106,96)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#468478
```
#468478 rgb(70,132,120)
```
#4d9183
```
#4d9183 rgb(77,145,131)
```
#539d8f
```
#539d8f rgb(83,157,143)
```

Shade Color Variation

#5ca99a
```
#5ca99a rgb(92,169,154)
```
#69afa2
```
#69afa2 rgb(105,175,162)
```
#75b6a9
```
#75b6a9 rgb(117,182,169)
```
#82bdb1
```
#82bdb1 rgb(130,189,177)
```
#8fc4b9
```
#8fc4b9 rgb(143,196,185)
```
#9ccbc1
```
#9ccbc1 rgb(156,203,193)
```
#a9d1c9
```
#a9d1c9 rgb(169,209,201)
```
#b6d8d1
```
#b6d8d1 rgb(182,216,209)
```
#c2dfd9
```
#c2dfd9 rgb(194,223,217)
```
#cfe6e1
```
#cfe6e1 rgb(207,230,225)
```
#dcede9
```
#dcede9 rgb(220,237,233)
```
#e9f3f1
```
#e9f3f1 rgb(233,243,241)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54625f is the less saturated color, while #00b692 is the most saturated one.

#54625f
```
#54625f rgb(84,98,95)
```
#4d6964
```
#4d6964 rgb(77,105,100)
```
#467068
```
#467068 rgb(70,112,104)
```
#3f776c
```
#3f776c rgb(63,119,108)
```
#387e70
```
#387e70 rgb(56,126,112)
```
#318575
```
#318575 rgb(49,133,117)
```
#2a8c79
```
#2a8c79 rgb(42,140,121)
```
#23937d
```
#23937d rgb(35,147,125)
```
#1c9a81
```
#1c9a81 rgb(28,154,129)
```
#15a186
```
#15a186 rgb(21,161,134)
```
#0ea88a
```
#0ea88a rgb(14,168,138)
```
#07af8e
```
#07af8e rgb(7,175,142)
```
#00b692
```
#00b692 rgb(0,182,146)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5d6966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78746e Protanopia 1% of men
#7d7178 Deuteranopia 1% of men
#4e7b84 Tritanopia 0.001% of the population

Trichromacy

#63756d Protanomaly 1% of men, 0.01% of women
#677373 Deuteranomaly 6% of men, 0.4% of women
#49797b Tritanomaly 0.01% of the population

#3f776c hex color

#3f776c Color Information

#3f776c Color Conversion

Color Schemes with #3f776c

Alternatives to #3f776c

#3f776c Preview

Shades and Tints of #3f776c

Tones of #3f776c

Color Blindness Simulator