#778f8e hex color

In a RGB color space, hex #778f8e is composed of 46.7% red, 56.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 0% magenta, 0.7% yellow and 43.9% black. It has a hue angle of 177.5 degrees, a saturation of 9.7% and a lightness of 51.4%. #778f8e color hex could be obtained by blending #eeffff with #001f1d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 56
- B 56
RGB color chart
- C 17
- M 0
- Y 1
- K 44
CMYK color chart

● #778f8e color description : Dark grayish cyan.

The hexadecimal color #778f8e has RGB values of R:119, G:143, B:142 and CMYK values of C:0.17, M:0, Y:0.01, K:0.44. Its decimal value is 7835534.

Hex triplet	778f8e	`#778f8e`
RGB Decimal	119, 143, 142	`rgb(119,143,142)`
RGB Percent	46.7, 56.1, 55.7	`rgb(46.7%,56.1%,55.7%)`
CMYK	17, 0, 1, 44
HSL	177.5°, 9.7, 51.4	`hsl(177.5,9.7%,51.4%)`
HSV (or HSB)	177.5°, 16.8, 56.1
Web Safe	669999	`#669999`

CIE-LAB	57.578, -8.709, -2.322
XYZ	22.312, 25.519, 29.34
xyY	0.289, 0.331, 25.519
CIE-LCH	57.578, 9.013, 194.927
CIE-LUV	57.578, -12.618, -1.932
Hunter-Lab	50.517, -9.566, 0.926
Binary	01110111, 10001111, 10001110

#778f8e
```
#778f8e rgb(119,143,142)
```
#8f7778
```
#8f7778 rgb(143,119,120)
```

Complementary Color

#778f82
```
#778f82 rgb(119,143,130)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#77848f
```
#77848f rgb(119,132,143)
```

Analogous Color

#8f8277
```
#8f8277 rgb(143,130,119)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#8f7784
```
#8f7784 rgb(143,119,132)
```

Split Complementary Color

#8f8e77
```
#8f8e77 rgb(143,142,119)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#8e778f
```
#8e778f rgb(142,119,143)
```

Triadic Color

#788f77
```
#788f77 rgb(120,143,119)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#8e778f
```
#8e778f rgb(142,119,143)
```
#8f7778
```
#8f7778 rgb(143,119,120)
```

Tetradic Color

#546665
```
#546665 rgb(84,102,101)
```
#5f7473
```
#5f7473 rgb(95,116,115)
```
#6b8281
```
#6b8281 rgb(107,130,129)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#859b9a
```
#859b9a rgb(133,155,154)
```
#93a6a5
```
#93a6a5 rgb(147,166,165)
```
#a1b2b1
```
#a1b2b1 rgb(161,178,177)
```

Monochromatic Color

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

#778f88
```
#778f88 rgb(119,143,136)
```
#778f8a
```
#778f8a rgb(119,143,138)
```
#778f8c
```
#778f8c rgb(119,143,140)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#778e8f
```
#778e8f rgb(119,142,143)
```
#778c8f
```
#778c8f rgb(119,140,143)
```
#778a8f
```
#778a8f rgb(119,138,143)
```

Similar Colors

Text with hexadecimal color #778f8e

This text has a font color of #778f8e.

<span style="color:#778f8e;">Text here</span>

#778f8e background color

This paragraph has a background color of #778f8e.

<p style="background-color:#778f8e;">Content here</p>

#778f8e border color

This element has a border color of #778f8e.

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

CSS codes

.text {color:#778f8e;}

.background {background-color:#778f8e;}

.border {border:1px solid #778f8e;}

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

#030404
```
#030404 rgb(3,4,4)
```
#0c0f0e
```
#0c0f0e rgb(12,15,14)
```
#151919
```
#151919 rgb(21,25,25)
```
#1e2424
```
#1e2424 rgb(30,36,36)
```
#272f2f
```
#272f2f rgb(39,47,47)
```
#2f3a39
```
#2f3a39 rgb(47,58,57)
```
#384444
```
#384444 rgb(56,68,68)
```
#414f4f
```
#414f4f rgb(65,79,79)
```
#4a5a59
```
#4a5a59 rgb(74,90,89)
```
#536564
```
#536564 rgb(83,101,100)
```
#5c6f6f
```
#5c6f6f rgb(92,111,111)
```
#657a79
```
#657a79 rgb(101,122,121)
```
#6d8584
```
#6d8584 rgb(109,133,132)
```

Shade Color Variation

#778f8e
```
#778f8e rgb(119,143,142)
```
#829897
```
#829897 rgb(130,152,151)
```
#8da1a0
```
#8da1a0 rgb(141,161,160)
```
#97aaa9
```
#97aaa9 rgb(151,170,169)
```
#a2b2b2
```
#a2b2b2 rgb(162,178,178)
```
#adbbbb
```
#adbbbb rgb(173,187,187)
```
#b8c4c4
```
#b8c4c4 rgb(184,196,196)
```
#c2cdcd
```
#c2cdcd rgb(194,205,205)
```
#cdd6d6
```
#cdd6d6 rgb(205,214,214)
```
#d8dfde
```
#d8dfde rgb(216,223,222)
```
#e3e8e7
```
#e3e8e7 rgb(227,232,231)
```
#edf0f0
```
#edf0f0 rgb(237,240,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#818585
```
#818585 rgb(129,133,133)
```
#778f8e
```
#778f8e rgb(119,143,142)
```
#6d9997
```
#6d9997 rgb(109,153,151)
```
#64a29f
```
#64a29f rgb(100,162,159)
```
#5aaca8
```
#5aaca8 rgb(90,172,168)
```
#51b5b1
```
#51b5b1 rgb(81,181,177)
```
#47bfba
```
#47bfba rgb(71,191,186)
```
#3ec8c2
```
#3ec8c2 rgb(62,200,194)
```
#34d2cb
```
#34d2cb rgb(52,210,203)
```
#2bdbd4
```
#2bdbd4 rgb(43,219,212)
```
#21e5dd
```
#21e5dd rgb(33,229,221)
```
#18eee5
```
#18eee5 rgb(24,238,229)
```
#0ef8ee
```
#0ef8ee rgb(14,248,238)
```

Tone Color Variation

Below, you can see how #778f8e 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

#888888 Achromatopsia 0.005% of the population
#858989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928f91 Protanopia 1% of men
#9a8c96 Deuteranopia 1% of men
#80939d Tritanopia 0.001% of the population

Trichromacy

#888f8f Protanomaly 1% of men, 0.01% of women
#8d8d93 Deuteranomaly 6% of men, 0.4% of women
#7c9198 Tritanomaly 0.01% of the population

#778f8e hex color

#778f8e Color Information

#778f8e Color Conversion

Color Schemes with #778f8e

Alternatives to #778f8e

#778f8e Preview

Shades and Tints of #778f8e

Tones of #778f8e

Color Blindness Simulator