#778bda hex color

In a RGB color space, hex #778bda is composed of 46.7% red, 54.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 36.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 227.9 degrees, a saturation of 57.2% and a lightness of 66.1%. #778bda color hex could be obtained by blending #eeffff with #0017b5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 55
- B 85
RGB color chart
- C 45
- M 36
- Y 0
- K 15
CMYK color chart

● #778bda color description : Soft blue.

The hexadecimal color #778bda has RGB values of R:119, G:139, B:218 and CMYK values of C:0.45, M:0.36, Y:0, K:0.15. Its decimal value is 7834586.

Hex triplet	778bda	`#778bda`
RGB Decimal	119, 139, 218	`rgb(119,139,218)`
RGB Percent	46.7, 54.5, 85.5	`rgb(46.7%,54.5%,85.5%)`
CMYK	45, 36, 0, 15
HSL	227.9°, 57.2, 66.1	`hsl(227.9,57.2%,66.1%)`
HSV (or HSB)	227.9°, 45.4, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.387, 13.559, -42.694
XYZ	29.493, 27.448, 70.07
xyY	0.232, 0.216, 27.448
CIE-LCH	59.387, 44.796, 287.619
CIE-LUV	59.387, -12.926, -68.8
Hunter-Lab	52.391, 8.8, -42.623
Binary	01110111, 10001011, 11011010

#778bda
```
#778bda rgb(119,139,218)
```
#dac677
```
#dac677 rgb(218,198,119)
```

Complementary Color

#77bdda
```
#77bdda rgb(119,189,218)
```
#778bda
```
#778bda rgb(119,139,218)
```
#9577da
```
#9577da rgb(149,119,218)
```

Analogous Color

#bdda77
```
#bdda77 rgb(189,218,119)
```
#778bda
```
#778bda rgb(119,139,218)
```
#da9577
```
#da9577 rgb(218,149,119)
```

Split Complementary Color

#8bda77
```
#8bda77 rgb(139,218,119)
```
#778bda
```
#778bda rgb(119,139,218)
```
#da778b
```
#da778b rgb(218,119,139)
```

Triadic Color

#77dac6
```
#77dac6 rgb(119,218,198)
```
#778bda
```
#778bda rgb(119,139,218)
```
#da778b
```
#da778b rgb(218,119,139)
```
#dac677
```
#dac677 rgb(218,198,119)
```

Tetradic Color

#3b58ca
```
#3b58ca rgb(59,88,202)
```
#4f69cf
```
#4f69cf rgb(79,105,207)
```
#637ad5
```
#637ad5 rgb(99,122,213)
```
#778bda
```
#778bda rgb(119,139,218)
```
#8b9cdf
```
#8b9cdf rgb(139,156,223)
```
#9fade5
```
#9fade5 rgb(159,173,229)
```
#b3beea
```
#b3beea rgb(179,190,234)
```

Monochromatic Color

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

#77a4da
```
#77a4da rgb(119,164,218)
```
#779cda
```
#779cda rgb(119,156,218)
```
#7793da
```
#7793da rgb(119,147,218)
```
#778bda
```
#778bda rgb(119,139,218)
```
#7783da
```
#7783da rgb(119,131,218)
```
#777bda
```
#777bda rgb(119,123,218)
```
#7c77da
```
#7c77da rgb(124,119,218)
```

Similar Colors

Text with hexadecimal color #778bda

This text has a font color of #778bda.

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

#778bda background color

This paragraph has a background color of #778bda.

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

#778bda border color

This element has a border color of #778bda.

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

CSS codes

.text {color:#778bda;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050812
```
#050812 rgb(5,8,18)
```
#090e22
```
#090e22 rgb(9,14,34)
```
#0d1531
```
#0d1531 rgb(13,21,49)
```
#121b40
```
#121b40 rgb(18,27,64)
```
#162150
```
#162150 rgb(22,33,80)
```
#1a285f
```
#1a285f rgb(26,40,95)
```
#1e2e6f
```
#1e2e6f rgb(30,46,111)
```
#22357e
```
#22357e rgb(34,53,126)
```
#273b8e
```
#273b8e rgb(39,59,142)
```
#2b429d
```
#2b429d rgb(43,66,157)
```
#2f48ac
```
#2f48ac rgb(47,72,172)
```
#334fbc
```
#334fbc rgb(51,79,188)
```

Shade Color Variation

#3956c9
```
#3956c9 rgb(57,86,201)
```
#4964cd
```
#4964cd rgb(73,100,205)
```
#5871d2
```
#5871d2 rgb(88,113,210)
```
#687ed6
```
#687ed6 rgb(104,126,214)
```
#778bda
```
#778bda rgb(119,139,218)
```
#8698de
```
#8698de rgb(134,152,222)
```
#96a5e2
```
#96a5e2 rgb(150,165,226)
```
#a5b2e7
```
#a5b2e7 rgb(165,178,231)
```
#b5c0eb
```
#b5c0eb rgb(181,192,235)
```
#c4cdef
```
#c4cdef rgb(196,205,239)
```
#d4daf3
```
#d4daf3 rgb(212,218,243)
```
#e3e7f7
```
#e3e7f7 rgb(227,231,247)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#a6a7ab
```
#a6a7ab rgb(166,167,171)
```
#9fa3b2
```
#9fa3b2 rgb(159,163,178)
```
#989fb9
```
#989fb9 rgb(152,159,185)
```
#929bbf
```
#929bbf rgb(146,155,191)
```
#8b97c6
```
#8b97c6 rgb(139,151,198)
```
#8493cd
```
#8493cd rgb(132,147,205)
```
#7e8fd3
```
#7e8fd3 rgb(126,143,211)
```
#778bda
```
#778bda rgb(119,139,218)
```
#7087e1
```
#7087e1 rgb(112,135,225)
```
#6a83e7
```
#6a83e7 rgb(106,131,231)
```
#637fee
```
#637fee rgb(99,127,238)
```
#5c7bf5
```
#5c7bf5 rgb(92,123,245)
```
#5677fb
```
#5677fb rgb(86,119,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#898d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7792dc Protanopia 1% of men
#6f94da Deuteranopia 1% of men
#6b9ca7 Tritanopia 0.001% of the population

Trichromacy

#778fdb Protanomaly 1% of men, 0.01% of women
#7291da Deuteranomaly 6% of men, 0.4% of women
#6f96ba Tritanomaly 0.01% of the population

#778bda hex color

#778bda Color Information

#778bda Color Conversion

Color Schemes with #778bda

Alternatives to #778bda

#778bda Preview

Shades and Tints of #778bda

Tones of #778bda

Color Blindness Simulator