#778aed hex color

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

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

● #778aed color description : Soft blue.

The hexadecimal color #778aed has RGB values of R:119, G:138, B:237 and CMYK values of C:0.5, M:0.42, Y:0, K:0.07. Its decimal value is 7834349.

Hex triplet	778aed	`#778aed`
RGB Decimal	119, 138, 237	`rgb(119,138,237)`
RGB Percent	46.7, 54.1, 92.9	`rgb(46.7%,54.1%,92.9%)`
CMYK	50, 42, 0, 7
HSL	230.3°, 76.6, 69.8	`hsl(230.3,76.6%,69.8%)`
HSV (or HSB)	230.3°, 49.8, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.08, 19.83, -52.168
XYZ	31.979, 28.212, 83.877
xyY	0.222, 0.196, 28.212
CIE-LCH	60.08, 55.809, 290.812
CIE-LUV	60.08, -13.166, -85.207
Hunter-Lab	53.115, 14.519, -56.447
Binary	01110111, 10001010, 11101101

#778aed
```
#778aed rgb(119,138,237)
```
#edda77
```
#edda77 rgb(237,218,119)
```

Complementary Color

#77c5ed
```
#77c5ed rgb(119,197,237)
```
#778aed
```
#778aed rgb(119,138,237)
```
#9f77ed
```
#9f77ed rgb(159,119,237)
```

Analogous Color

#c5ed77
```
#c5ed77 rgb(197,237,119)
```
#778aed
```
#778aed rgb(119,138,237)
```
#ed9f77
```
#ed9f77 rgb(237,159,119)
```

Split Complementary Color

#8aed77
```
#8aed77 rgb(138,237,119)
```
#778aed
```
#778aed rgb(119,138,237)
```
#ed778a
```
#ed778a rgb(237,119,138)
```

Triadic Color

#77edda
```
#77edda rgb(119,237,218)
```
#778aed
```
#778aed rgb(119,138,237)
```
#ed778a
```
#ed778a rgb(237,119,138)
```
#edda77
```
#edda77 rgb(237,218,119)
```

Tetradic Color

#3350e4
```
#3350e4 rgb(51,80,228)
```
#4a63e7
```
#4a63e7 rgb(74,99,231)
```
#6077ea
```
#6077ea rgb(96,119,234)
```
#778aed
```
#778aed rgb(119,138,237)
```
#8e9df0
```
#8e9df0 rgb(142,157,240)
```
#a4b1f3
```
#a4b1f3 rgb(164,177,243)
```
#bbc4f6
```
#bbc4f6 rgb(187,196,246)
```

Monochromatic Color

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

#77a8ed
```
#77a8ed rgb(119,168,237)
```
#779eed
```
#779eed rgb(119,158,237)
```
#7794ed
```
#7794ed rgb(119,148,237)
```
#778aed
```
#778aed rgb(119,138,237)
```
#7780ed
```
#7780ed rgb(119,128,237)
```
#7877ed
```
#7877ed rgb(120,119,237)
```
#8277ed
```
#8277ed rgb(130,119,237)
```

Similar Colors

Text with hexadecimal color #778aed

This text has a font color of #778aed.

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

#778aed background color

This paragraph has a background color of #778aed.

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

#778aed border color

This element has a border color of #778aed.

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

CSS codes

.text {color:#778aed;}

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

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

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 #f0f2fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030514
```
#030514 rgb(3,5,20)
```
#050a25
```
#050a25 rgb(5,10,37)
```
#070f37
```
#070f37 rgb(7,15,55)
```
#0a1448
```
#0a1448 rgb(10,20,72)
```
#0c1859
```
#0c1859 rgb(12,24,89)
```
#0e1d6b
```
#0e1d6b rgb(14,29,107)
```
#10227c
```
#10227c rgb(16,34,124)
```
#13268d
```
#13268d rgb(19,38,141)
```
#152b9e
```
#152b9e rgb(21,43,158)
```
#1730b0
```
#1730b0 rgb(23,48,176)
```
#1a35c1
```
#1a35c1 rgb(26,53,193)
```
#1c39d2
```
#1c39d2 rgb(28,57,210)
```

Shade Color Variation

#203fe2
```
#203fe2 rgb(32,63,226)
```
#324ee4
```
#324ee4 rgb(50,78,228)
```
#435de6
```
#435de6 rgb(67,93,230)
```
#546ce8
```
#546ce8 rgb(84,108,232)
```
#667beb
```
#667beb rgb(102,123,235)
```
#778aed
```
#778aed rgb(119,138,237)
```
#8899ef
```
#8899ef rgb(136,153,239)
```
#9aa8f2
```
#9aa8f2 rgb(154,168,242)
```
#abb7f4
```
#abb7f4 rgb(171,183,244)
```
#bcc6f6
```
#bcc6f6 rgb(188,198,246)
```
#ced5f8
```
#ced5f8 rgb(206,213,248)
```
#dfe3fb
```
#dfe3fb rgb(223,227,251)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

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

#acaeb8
```
#acaeb8 rgb(172,174,184)
```
#a6aabe
```
#a6aabe rgb(166,170,190)
```
#a0a6c4
```
#a0a6c4 rgb(160,166,196)
```
#9ba2c9
```
#9ba2c9 rgb(155,162,201)
```
#959ecf
```
#959ecf rgb(149,158,207)
```
#8f9ad5
```
#8f9ad5 rgb(143,154,213)
```
#8996db
```
#8996db rgb(137,150,219)
```
#8392e1
```
#8392e1 rgb(131,146,225)
```
#7d8ee7
```
#7d8ee7 rgb(125,142,231)
```
#778aed
```
#778aed rgb(119,138,237)
```
#7186f3
```
#7186f3 rgb(113,134,243)
```
#6b82f9
```
#6b82f9 rgb(107,130,249)
```
#657eff
```
#657eff rgb(101,126,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8b8fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b93f0 Protanopia 1% of men
#5c97eb Deuteranopia 1% of men
#629fab Tritanopia 0.001% of the population

Trichromacy

#6f90ef Protanomaly 1% of men, 0.01% of women
#6692eb Deuteranomaly 6% of men, 0.4% of women
#6a97c3 Tritanomaly 0.01% of the population

#778aed hex color

#778aed Color Information

#778aed Color Conversion

Color Schemes with #778aed

Alternatives to #778aed

#778aed Preview

Shades and Tints of #778aed

Tones of #778aed

Color Blindness Simulator