#778eed hex color

In a RGB color space, hex #778eed is composed of 46.7% red, 55.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 40.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 228.3 degrees, a saturation of 76.6% and a lightness of 69.8%. #778eed color hex could be obtained by blending #eeffff with #001ddb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 56
- B 93
RGB color chart
- C 50
- M 40
- Y 0
- K 7
CMYK color chart

● #778eed color description : Soft blue.

The hexadecimal color #778eed has RGB values of R:119, G:142, B:237 and CMYK values of C:0.5, M:0.4, Y:0, K:0.07. Its decimal value is 7835373.

Hex triplet	778eed	`#778eed`
RGB Decimal	119, 142, 237	`rgb(119,142,237)`
RGB Percent	46.7, 55.7, 92.9	`rgb(46.7%,55.7%,92.9%)`
CMYK	50, 40, 0, 7
HSL	228.3°, 76.6, 69.8	`hsl(228.3,76.6%,69.8%)`
HSV (or HSB)	228.3°, 49.8, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.116, 17.467, -50.522
XYZ	32.564, 29.381, 84.071
xyY	0.223, 0.201, 29.381
CIE-LCH	61.116, 53.457, 289.072
CIE-LUV	61.116, -14.54, -82.514
Hunter-Lab	54.204, 12.378, -54.016
Binary	01110111, 10001110, 11101101

#778eed
```
#778eed rgb(119,142,237)
```
#edd677
```
#edd677 rgb(237,214,119)
```

Complementary Color

#77c9ed
```
#77c9ed rgb(119,201,237)
```
#778eed
```
#778eed rgb(119,142,237)
```
#9b77ed
```
#9b77ed rgb(155,119,237)
```

Analogous Color

#c9ed77
```
#c9ed77 rgb(201,237,119)
```
#778eed
```
#778eed rgb(119,142,237)
```
#ed9b77
```
#ed9b77 rgb(237,155,119)
```

Split Complementary Color

#8eed77
```
#8eed77 rgb(142,237,119)
```
#778eed
```
#778eed rgb(119,142,237)
```
#ed778e
```
#ed778e rgb(237,119,142)
```

Triadic Color

#77edd6
```
#77edd6 rgb(119,237,214)
```
#778eed
```
#778eed rgb(119,142,237)
```
#ed778e
```
#ed778e rgb(237,119,142)
```
#edd677
```
#edd677 rgb(237,214,119)
```

Tetradic Color

#3356e4
```
#3356e4 rgb(51,86,228)
```
#4a69e7
```
#4a69e7 rgb(74,105,231)
```
#607bea
```
#607bea rgb(96,123,234)
```
#778eed
```
#778eed rgb(119,142,237)
```
#8ea1f0
```
#8ea1f0 rgb(142,161,240)
```
#a4b3f3
```
#a4b3f3 rgb(164,179,243)
```
#bbc6f6
```
#bbc6f6 rgb(187,198,246)
```

Monochromatic Color

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

#77aced
```
#77aced rgb(119,172,237)
```
#77a2ed
```
#77a2ed rgb(119,162,237)
```
#7798ed
```
#7798ed rgb(119,152,237)
```
#778eed
```
#778eed rgb(119,142,237)
```
#7784ed
```
#7784ed rgb(119,132,237)
```
#777aed
```
#777aed rgb(119,122,237)
```
#7e77ed
```
#7e77ed rgb(126,119,237)
```

Similar Colors

Text with hexadecimal color #778eed

This text has a font color of #778eed.

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

#778eed background color

This paragraph has a background color of #778eed.

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

#778eed border color

This element has a border color of #778eed.

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

CSS codes

.text {color:#778eed;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#050b25
```
#050b25 rgb(5,11,37)
```
#071037
```
#071037 rgb(7,16,55)
```
#0a1648
```
#0a1648 rgb(10,22,72)
```
#0c1b59
```
#0c1b59 rgb(12,27,89)
```
#0e206b
```
#0e206b rgb(14,32,107)
```
#10257c
```
#10257c rgb(16,37,124)
```
#132b8d
```
#132b8d rgb(19,43,141)
```
#15309e
```
#15309e rgb(21,48,158)
```
#1735b0
```
#1735b0 rgb(23,53,176)
```
#1a3ac1
```
#1a3ac1 rgb(26,58,193)
```
#1c3fd2
```
#1c3fd2 rgb(28,63,210)
```

Shade Color Variation

#2046e2
```
#2046e2 rgb(32,70,226)
```
#3254e4
```
#3254e4 rgb(50,84,228)
```
#4363e6
```
#4363e6 rgb(67,99,230)
```
#5471e8
```
#5471e8 rgb(84,113,232)
```
#6680eb
```
#6680eb rgb(102,128,235)
```
#778eed
```
#778eed rgb(119,142,237)
```
#889cef
```
#889cef rgb(136,156,239)
```
#9aabf2
```
#9aabf2 rgb(154,171,242)
```
#abb9f4
```
#abb9f4 rgb(171,185,244)
```
#bcc8f6
```
#bcc8f6 rgb(188,200,246)
```
#ced6f8
```
#ced6f8 rgb(206,214,248)
```
#dfe4fb
```
#dfe4fb rgb(223,228,251)
```
#f0f3fd
```
#f0f3fd rgb(240,243,253)
```

Tint Color Variation

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

#acafb8
```
#acafb8 rgb(172,175,184)
```
#a6abbe
```
#a6abbe rgb(166,171,190)
```
#a0a7c4
```
#a0a7c4 rgb(160,167,196)
```
#9ba4c9
```
#9ba4c9 rgb(155,164,201)
```
#95a0cf
```
#95a0cf rgb(149,160,207)
```
#8f9cd5
```
#8f9cd5 rgb(143,156,213)
```
#8999db
```
#8999db rgb(137,153,219)
```
#8395e1
```
#8395e1 rgb(131,149,225)
```
#7d92e7
```
#7d92e7 rgb(125,146,231)
```
#778eed
```
#778eed rgb(119,142,237)
```
#718af3
```
#718af3 rgb(113,138,243)
```
#6b87f9
```
#6b87f9 rgb(107,135,249)
```
#6583ff
```
#6583ff rgb(101,131,255)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8d91a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7196ef Protanopia 1% of men
#6399eb Deuteranopia 1% of men
#64a2ae Tritanopia 0.001% of the population

Trichromacy

#7393ee Protanomaly 1% of men, 0.01% of women
#6a95ec Deuteranomaly 6% of men, 0.4% of women
#6a9bc5 Tritanomaly 0.01% of the population

#778eed hex color

#778eed Color Information

#778eed Color Conversion

Color Schemes with #778eed

Alternatives to #778eed

#778eed Preview

Shades and Tints of #778eed

Tones of #778eed

Color Blindness Simulator