colorhexa.com

#778af4 hex color

In a RGB color space, hex #778af4 is composed of 46.7% red, 54.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 43.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 230.9 degrees, a saturation of 85% and a lightness of 71.2%. #778af4 color hex could be obtained by blending #eeffff with #0015e9. Closest websafe color is: #6699ff.

- R 47
- G 54
- B 96
RGB color chart
- C 51
- M 43
- Y 0
- K 4
CMYK color chart

● #778af4 color description : Soft blue.

The hexadecimal color #778af4 has RGB values of R:119, G:138, B:244 and CMYK values of C:0.51, M:0.43, Y:0, K:0.04. Its decimal value is 7834356.

Hex triplet	778af4	`#778af4`
RGB Decimal	119, 138, 244	`rgb(119,138,244)`
RGB Percent	46.7, 54.1, 95.7	`rgb(46.7%,54.1%,95.7%)`
CMYK	51, 43, 0, 4
HSL	230.9°, 85, 71.2	`hsl(230.9,85%,71.2%)`
HSV (or HSB)	230.9°, 51.2, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.453, 21.961, -55.442
XYZ	33.022, 28.629, 89.369
xyY	0.219, 0.19, 28.629
CIE-LCH	60.453, 59.633, 291.609
CIE-LUV	60.453, -13.39, -90.886
Hunter-Lab	53.506, 16.527, -61.575
Binary	01110111, 10001010, 11110100

#778af4
```
#778af4 rgb(119,138,244)
```
#f4e177
```
#f4e177 rgb(244,225,119)
```

Complementary Color

#77c9f4
```
#77c9f4 rgb(119,201,244)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#a377f4
```
#a377f4 rgb(163,119,244)
```

Analogous Color

#c9f477
```
#c9f477 rgb(201,244,119)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#f4a377
```
#f4a377 rgb(244,163,119)
```

Split Complementary Color

#8af477
```
#8af477 rgb(138,244,119)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#f4778a
```
#f4778a rgb(244,119,138)
```

Triadic Color

#77f4e1
```
#77f4e1 rgb(119,244,225)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#f4778a
```
#f4778a rgb(244,119,138)
```
#f4e177
```
#f4e177 rgb(244,225,119)
```

Tetradic Color

#304dee
```
#304dee rgb(48,77,238)
```
#4861f0
```
#4861f0 rgb(72,97,240)
```
#5f76f2
```
#5f76f2 rgb(95,118,242)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#8f9ef6
```
#8f9ef6 rgb(143,158,246)
```
#a6b3f8
```
#a6b3f8 rgb(166,179,248)
```
#bec7fa
```
#bec7fa rgb(190,199,250)
```

Monochromatic Color

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

#77a9f4
```
#77a9f4 rgb(119,169,244)
```
#779ff4
```
#779ff4 rgb(119,159,244)
```
#7794f4
```
#7794f4 rgb(119,148,244)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#7780f4
```
#7780f4 rgb(119,128,244)
```
#7977f4
```
#7977f4 rgb(121,119,244)
```
#8377f4
```
#8377f4 rgb(131,119,244)
```

Similar Colors

Text with hexadecimal color #778af4

This text has a font color of #778af4.

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

#778af4 background color

This paragraph has a background color of #778af4.

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

#778af4 border color

This element has a border color of #778af4.

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

CSS codes

.text {color:#778af4;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02061b
```
#02061b rgb(2,6,27)
```
#040a2d
```
#040a2d rgb(4,10,45)
```
#050e40
```
#050e40 rgb(5,14,64)
```
#071252
```
#071252 rgb(7,18,82)
```
#081664
```
#081664 rgb(8,22,100)
```
#0a1a76
```
#0a1a76 rgb(10,26,118)
```
#0b1e88
```
#0b1e88 rgb(11,30,136)
```
#0c229a
```
#0c229a rgb(12,34,154)
```
#0e26ad
```
#0e26ad rgb(14,38,173)
```
#0f2abf
```
#0f2abf rgb(15,42,191)
```
#112ed1
```
#112ed1 rgb(17,46,209)
```
#1232e3
```
#1232e3 rgb(18,50,227)
```

Shade Color Variation

#1c3ced
```
#1c3ced rgb(28,60,237)
```
#2e4cee
```
#2e4cee rgb(46,76,238)
```
#415bf0
```
#415bf0 rgb(65,91,240)
```
#536bf1
```
#536bf1 rgb(83,107,241)
```
#657af3
```
#657af3 rgb(101,122,243)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#899af5
```
#899af5 rgb(137,154,245)
```
#9ba9f7
```
#9ba9f7 rgb(155,169,247)
```
#adb9f8
```
#adb9f8 rgb(173,185,248)
```
#c0c8fa
```
#c0c8fa rgb(192,200,250)
```
#d2d8fb
```
#d2d8fb rgb(210,216,251)
```
#e4e8fd
```
#e4e8fd rgb(228,232,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#b5b5b6
```
#b5b5b6 rgb(181,181,182)
```
#b0b1bb
```
#b0b1bb rgb(176,177,187)
```
#aaadc1
```
#aaadc1 rgb(170,173,193)
```
#a4a9c7
```
#a4a9c7 rgb(164,169,199)
```
#9fa6cc
```
#9fa6cc rgb(159,166,204)
```
#99a2d2
```
#99a2d2 rgb(153,162,210)
```
#939ed8
```
#939ed8 rgb(147,158,216)
```
#8e9add
```
#8e9add rgb(142,154,221)
```
#8896e3
```
#8896e3 rgb(136,150,227)
```
#8292e9
```
#8292e9 rgb(130,146,233)
```
#7d8eee
```
#7d8eee rgb(125,142,238)
```
#778af4
```
#778af4 rgb(119,138,244)
```
#7186fa
```
#7186fa rgb(113,134,250)
```

Tone Color Variation

Below, you can see how #778af4 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
#8b8fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6794f7 Protanopia 1% of men
#5398f1 Deuteranopia 1% of men
#5fa1ac Tritanopia 0.001% of the population

Trichromacy

#6d90f6 Protanomaly 1% of men, 0.01% of women
#6093f2 Deuteranomaly 6% of men, 0.4% of women
#6898c6 Tritanomaly 0.01% of the population