#778b8a hex color

In a RGB color space, hex #778b8a is composed of 46.7% red, 54.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 0% magenta, 0.7% yellow and 45.5% black. It has a hue angle of 177 degrees, a saturation of 7.9% and a lightness of 50.6%. #778b8a color hex could be obtained by blending #eeffff with #001715. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 55
- B 54
RGB color chart
- C 14
- M 0
- Y 1
- K 45
CMYK color chart

● #778b8a color description : Dark grayish cyan.

The hexadecimal color #778b8a has RGB values of R:119, G:139, B:138 and CMYK values of C:0.14, M:0, Y:0.01, K:0.45. Its decimal value is 7834506.

Hex triplet	778b8a	`#778b8a`
RGB Decimal	119, 139, 138	`rgb(119,139,138)`
RGB Percent	46.7, 54.5, 54.1	`rgb(46.7%,54.5%,54.1%)`
CMYK	14, 0, 1, 45
HSL	177°, 7.9, 50.6	`hsl(177,7.9%,50.6%)`
HSV (or HSB)	177°, 14.4, 54.5
Web Safe	669999	`#669999`

CIE-LAB	56.309, -7.372, -1.888
XYZ	21.427, 24.222, 27.59
xyY	0.293, 0.331, 24.222
CIE-LCH	56.309, 7.61, 194.365
CIE-LUV	56.309, -10.627, -1.506
Hunter-Lab	49.216, -8.414, 1.214
Binary	01110111, 10001011, 10001010

#778b8a
```
#778b8a rgb(119,139,138)
```
#8b7778
```
#8b7778 rgb(139,119,120)
```

Complementary Color

#778b80
```
#778b80 rgb(119,139,128)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#77828b
```
#77828b rgb(119,130,139)
```

Analogous Color

#8b8077
```
#8b8077 rgb(139,128,119)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#8b7782
```
#8b7782 rgb(139,119,130)
```

Split Complementary Color

#8b8a77
```
#8b8a77 rgb(139,138,119)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#8a778b
```
#8a778b rgb(138,119,139)
```

Triadic Color

#788b77
```
#788b77 rgb(120,139,119)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#8a778b
```
#8a778b rgb(138,119,139)
```
#8b7778
```
#8b7778 rgb(139,119,120)
```

Tetradic Color

#546261
```
#546261 rgb(84,98,97)
```
#5f706f
```
#5f706f rgb(95,112,111)
```
#6b7d7d
```
#6b7d7d rgb(107,125,125)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#859796
```
#859796 rgb(133,151,150)
```
#93a2a2
```
#93a2a2 rgb(147,162,162)
```
#a0aeae
```
#a0aeae rgb(160,174,174)
```

Monochromatic Color

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

#778b85
```
#778b85 rgb(119,139,133)
```
#778b87
```
#778b87 rgb(119,139,135)
```
#778b88
```
#778b88 rgb(119,139,136)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#778a8b
```
#778a8b rgb(119,138,139)
```
#77898b
```
#77898b rgb(119,137,139)
```
#77878b
```
#77878b rgb(119,135,139)
```

Similar Colors

Text with hexadecimal color #778b8a

This text has a font color of #778b8a.

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

#778b8a background color

This paragraph has a background color of #778b8a.

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

#778b8a border color

This element has a border color of #778b8a.

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

CSS codes

.text {color:#778b8a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#0a0c0c
```
#0a0c0c rgb(10,12,12)
```
#131717
```
#131717 rgb(19,23,23)
```
#1c2121
```
#1c2121 rgb(28,33,33)
```
#252c2c
```
#252c2c rgb(37,44,44)
```
#2f3736
```
#2f3736 rgb(47,55,54)
```
#384141
```
#384141 rgb(56,65,65)
```
#414c4b
```
#414c4b rgb(65,76,75)
```
#4a5656
```
#4a5656 rgb(74,86,86)
```
#536160
```
#536160 rgb(83,97,96)
```
#5c6b6b
```
#5c6b6b rgb(92,107,107)
```
#657675
```
#657675 rgb(101,118,117)
```
#6e8180
```
#6e8180 rgb(110,129,128)
```

Shade Color Variation

#778b8a
```
#778b8a rgb(119,139,138)
```
#829493
```
#829493 rgb(130,148,147)
```
#8c9d9c
```
#8c9d9c rgb(140,157,156)
```
#97a6a5
```
#97a6a5 rgb(151,166,165)
```
#a1afae
```
#a1afae rgb(161,175,174)
```
#acb8b8
```
#acb8b8 rgb(172,184,184)
```
#b7c1c1
```
#b7c1c1 rgb(183,193,193)
```
#c1caca
```
#c1caca rgb(193,202,202)
```
#ccd3d3
```
#ccd3d3 rgb(204,211,211)
```
#d6dcdc
```
#d6dcdc rgb(214,220,220)
```
#e1e5e5
```
#e1e5e5 rgb(225,229,229)
```
#ebeeee
```
#ebeeee rgb(235,238,238)
```
#f6f7f7
```
#f6f7f7 rgb(246,247,247)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#778b8a
```
#778b8a rgb(119,139,138)
```
#6d9593
```
#6d9593 rgb(109,149,147)
```
#649e9b
```
#649e9b rgb(100,158,155)
```
#5aa8a4
```
#5aa8a4 rgb(90,168,164)
```
#50b2ad
```
#50b2ad rgb(80,178,173)
```
#47bbb6
```
#47bbb6 rgb(71,187,182)
```
#3dc5be
```
#3dc5be rgb(61,197,190)
```
#33cfc7
```
#33cfc7 rgb(51,207,199)
```
#29d9d0
```
#29d9d0 rgb(41,217,208)
```
#20e2d9
```
#20e2d9 rgb(32,226,217)
```
#16ece1
```
#16ece1 rgb(22,236,225)
```
#0cf6ea
```
#0cf6ea rgb(12,246,234)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#828686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8c8d Protanopia 1% of men
#978992 Deuteranopia 1% of men
#808f99 Tritanopia 0.001% of the population

Trichromacy

#868b8c Protanomaly 1% of men, 0.01% of women
#8b898f Deuteranomaly 6% of men, 0.4% of women
#7c8d94 Tritanomaly 0.01% of the population

#778b8a hex color

#778b8a Color Information

#778b8a Color Conversion

Color Schemes with #778b8a

Alternatives to #778b8a

#778b8a Preview

Shades and Tints of #778b8a

Tones of #778b8a

Color Blindness Simulator