#778faa hex color

In a RGB color space, hex #778faa is composed of 46.7% red, 56.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 15.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 211.8 degrees, a saturation of 23.1% and a lightness of 56.7%. #778faa color hex could be obtained by blending #eeffff with #001f55. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 56
- B 67
RGB color chart
- C 30
- M 16
- Y 0
- K 33
CMYK color chart

● #778faa color description : Mostly desaturated dark blue.

The hexadecimal color #778faa has RGB values of R:119, G:143, B:170 and CMYK values of C:0.3, M:0.16, Y:0, K:0.33. Its decimal value is 7835562.

Hex triplet	778faa	`#778faa`
RGB Decimal	119, 143, 170	`rgb(119,143,170)`
RGB Percent	46.7, 56.1, 66.7	`rgb(46.7%,56.1%,66.7%)`
CMYK	30, 16, 0, 33
HSL	211.8°, 23.1, 56.7	`hsl(211.8,23.1%,56.7%)`
HSV (or HSB)	211.8°, 30, 66.7
Web Safe	669999	`#669999`

CIE-LAB	58.479, -2.025, -16.987
XYZ	24.684, 26.468, 41.836
xyY	0.265, 0.285, 26.468
CIE-LCH	58.479, 17.107, 263.201
CIE-LUV	58.479, -13.232, -25.1
Hunter-Lab	51.447, -4.389, -12.201
Binary	01110111, 10001111, 10101010

#778faa
```
#778faa rgb(119,143,170)
```
#aa9277
```
#aa9277 rgb(170,146,119)
```

Complementary Color

#77a9aa
```
#77a9aa rgb(119,169,170)
```
#778faa
```
#778faa rgb(119,143,170)
```
#7977aa
```
#7977aa rgb(121,119,170)
```

Analogous Color

#a9aa77
```
#a9aa77 rgb(169,170,119)
```
#778faa
```
#778faa rgb(119,143,170)
```
#aa7977
```
#aa7977 rgb(170,121,119)
```

Split Complementary Color

#8faa77
```
#8faa77 rgb(143,170,119)
```
#778faa
```
#778faa rgb(119,143,170)
```
#aa778f
```
#aa778f rgb(170,119,143)
```

Triadic Color

#77aa92
```
#77aa92 rgb(119,170,146)
```
#778faa
```
#778faa rgb(119,143,170)
```
#aa778f
```
#aa778f rgb(170,119,143)
```
#aa9277
```
#aa9277 rgb(170,146,119)
```

Tetradic Color

#526983
```
#526983 rgb(82,105,131)
```
#5c7592
```
#5c7592 rgb(92,117,146)
```
#6782a0
```
#6782a0 rgb(103,130,160)
```
#778faa
```
#778faa rgb(119,143,170)
```
#879cb4
```
#879cb4 rgb(135,156,180)
```
#96a9be
```
#96a9be rgb(150,169,190)
```
#a6b6c7
```
#a6b6c7 rgb(166,182,199)
```

Monochromatic Color

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

#779caa
```
#779caa rgb(119,156,170)
```
#7798aa
```
#7798aa rgb(119,152,170)
```
#7793aa
```
#7793aa rgb(119,147,170)
```
#778faa
```
#778faa rgb(119,143,170)
```
#778baa
```
#778baa rgb(119,139,170)
```
#7787aa
```
#7787aa rgb(119,135,170)
```
#7782aa
```
#7782aa rgb(119,130,170)
```

Similar Colors

Text with hexadecimal color #778faa

This text has a font color of #778faa.

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

#778faa background color

This paragraph has a background color of #778faa.

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

#778faa border color

This element has a border color of #778faa.

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

CSS codes

.text {color:#778faa;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0d1115
```
#0d1115 rgb(13,17,21)
```
#151a21
```
#151a21 rgb(21,26,33)
```
#1c242d
```
#1c242d rgb(28,36,45)
```
#242e39
```
#242e39 rgb(36,46,57)
```
#2b3745
```
#2b3745 rgb(43,55,69)
```
#334151
```
#334151 rgb(51,65,81)
```
#3a4b5d
```
#3a4b5d rgb(58,75,93)
```
#425469
```
#425469 rgb(66,84,105)
```
#495e75
```
#495e75 rgb(73,94,117)
```
#516882
```
#516882 rgb(81,104,130)
```
#59728e
```
#59728e rgb(89,114,142)
```
#607b9a
```
#607b9a rgb(96,123,154)
```

Shade Color Variation

#6b85a2
```
#6b85a2 rgb(107,133,162)
```
#778faa
```
#778faa rgb(119,143,170)
```
#8399b2
```
#8399b2 rgb(131,153,178)
```
#8fa3b9
```
#8fa3b9 rgb(143,163,185)
```
#9badc1
```
#9badc1 rgb(155,173,193)
```
#a7b7c8
```
#a7b7c8 rgb(167,183,200)
```
#b3c1d0
```
#b3c1d0 rgb(179,193,208)
```
#bfcbd7
```
#bfcbd7 rgb(191,203,215)
```
#cbd5df
```
#cbd5df rgb(203,213,223)
```
#d8dfe6
```
#d8dfe6 rgb(216,223,230)
```
#e4e8ee
```
#e4e8ee rgb(228,232,238)
```
#f0f2f5
```
#f0f2f5 rgb(240,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#889099
```
#889099 rgb(136,144,153)
```
#8090a2
```
#8090a2 rgb(128,144,162)
```
#778faa
```
#778faa rgb(119,143,170)
```
#6f8fb3
```
#6f8fb3 rgb(111,143,179)
```
#668ebb
```
#668ebb rgb(102,142,187)
```
#5e8ec4
```
#5e8ec4 rgb(94,142,196)
```
#558dcc
```
#558dcc rgb(85,141,204)
```
#4d8dd5
```
#4d8dd5 rgb(77,141,213)
```
#448cdd
```
#448cdd rgb(68,140,221)
```
#3c8ce6
```
#3c8ce6 rgb(60,140,230)
```
#338bee
```
#338bee rgb(51,139,238)
```
#2b8bf7
```
#2b8bf7 rgb(43,139,247)
```
#228aff
```
#228aff rgb(34,138,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#878c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c91ac Protanopia 1% of men
#908fb0 Deuteranopia 1% of men
#7a97a1 Tritanopia 0.001% of the population

Trichromacy

#8490ab Protanomaly 1% of men, 0.01% of women
#878fad Deuteranomaly 6% of men, 0.4% of women
#7994a4 Tritanomaly 0.01% of the population

#778faa hex color

#778faa Color Information

#778faa Color Conversion

Color Schemes with #778faa

Alternatives to #778faa

#778faa Preview

Shades and Tints of #778faa

Tones of #778faa

Color Blindness Simulator