#778ceb hex color

In a RGB color space, hex #778ceb is composed of 46.7% red, 54.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 40.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 229.1 degrees, a saturation of 74.4% and a lightness of 69.4%. #778ceb color hex could be obtained by blending #eeffff with #0019d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 55
- B 92
RGB color chart
- C 49
- M 40
- Y 0
- K 8
CMYK color chart

● #778ceb color description : Soft blue.

The hexadecimal color #778ceb has RGB values of R:119, G:140, B:235 and CMYK values of C:0.49, M:0.4, Y:0, K:0.08. Its decimal value is 7834859.

Hex triplet	778ceb	`#778ceb`
RGB Decimal	119, 140, 235	`rgb(119,140,235)`
RGB Percent	46.7, 54.9, 92.2	`rgb(46.7%,54.9%,92.2%)`
CMYK	49, 40, 0, 8
HSL	229.1°, 74.4, 69.4	`hsl(229.1,74.4%,69.4%)`
HSV (or HSB)	229.1°, 49.4, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.494, 18.042, -50.403
XYZ	31.978, 28.675, 82.443
xyY	0.223, 0.2, 28.675
CIE-LCH	60.494, 53.535, 289.695
CIE-LUV	60.494, -13.791, -82.227
Hunter-Lab	53.549, 12.885, -53.797
Binary	01110111, 10001100, 11101011

#778ceb
```
#778ceb rgb(119,140,235)
```
#ebd677
```
#ebd677 rgb(235,214,119)
```

Complementary Color

#77c6eb
```
#77c6eb rgb(119,198,235)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#9c77eb
```
#9c77eb rgb(156,119,235)
```

Analogous Color

#c6eb77
```
#c6eb77 rgb(198,235,119)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#eb9c77
```
#eb9c77 rgb(235,156,119)
```

Split Complementary Color

#8ceb77
```
#8ceb77 rgb(140,235,119)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#eb778c
```
#eb778c rgb(235,119,140)
```

Triadic Color

#77ebd6
```
#77ebd6 rgb(119,235,214)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#eb778c
```
#eb778c rgb(235,119,140)
```
#ebd677
```
#ebd677 rgb(235,214,119)
```

Tetradic Color

#3454e1
```
#3454e1 rgb(52,84,225)
```
#4b66e4
```
#4b66e4 rgb(75,102,228)
```
#6179e8
```
#6179e8 rgb(97,121,232)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#8d9fee
```
#8d9fee rgb(141,159,238)
```
#a3b2f2
```
#a3b2f2 rgb(163,178,242)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```

Monochromatic Color

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

#77a9eb
```
#77a9eb rgb(119,169,235)
```
#779feb
```
#779feb rgb(119,159,235)
```
#7796eb
```
#7796eb rgb(119,150,235)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#7782eb
```
#7782eb rgb(119,130,235)
```
#7779eb
```
#7779eb rgb(119,121,235)
```
#7f77eb
```
#7f77eb rgb(127,119,235)
```

Similar Colors

Text with hexadecimal color #778ceb

This text has a font color of #778ceb.

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

#778ceb background color

This paragraph has a background color of #778ceb.

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

#778ceb border color

This element has a border color of #778ceb.

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

CSS codes

.text {color:#778ceb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#050b23
```
#050b23 rgb(5,11,35)
```
#081034
```
#081034 rgb(8,16,52)
```
#0a1545
```
#0a1545 rgb(10,21,69)
```
#0d1a56
```
#0d1a56 rgb(13,26,86)
```
#0f1f67
```
#0f1f67 rgb(15,31,103)
```
#122479
```
#122479 rgb(18,36,121)
```
#14298a
```
#14298a rgb(20,41,138)
```
#172f9b
```
#172f9b rgb(23,47,155)
```
#1934ac
```
#1934ac rgb(25,52,172)
```
#1c39bd
```
#1c39bd rgb(28,57,189)
```
#1e3ece
```
#1e3ece rgb(30,62,206)
```

Shade Color Variation

#2144de
```
#2144de rgb(33,68,222)
```
#3352e1
```
#3352e1 rgb(51,82,225)
```
#4461e3
```
#4461e3 rgb(68,97,227)
```
#556fe6
```
#556fe6 rgb(85,111,230)
```
#667ee8
```
#667ee8 rgb(102,126,232)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#889aee
```
#889aee rgb(136,154,238)
```
#99a9f0
```
#99a9f0 rgb(153,169,240)
```
#aab7f3
```
#aab7f3 rgb(170,183,243)
```
#bbc6f5
```
#bbc6f5 rgb(187,198,245)
```
#cdd4f8
```
#cdd4f8 rgb(205,212,248)
```
#dee3fa
```
#dee3fa rgb(222,227,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

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

#adaeb5
```
#adaeb5 rgb(173,174,181)
```
#a7abbb
```
#a7abbb rgb(167,171,187)
```
#a1a7c1
```
#a1a7c1 rgb(161,167,193)
```
#9ba3c7
```
#9ba3c7 rgb(155,163,199)
```
#959fcd
```
#959fcd rgb(149,159,205)
```
#8f9bd3
```
#8f9bd3 rgb(143,155,211)
```
#8997d9
```
#8997d9 rgb(137,151,217)
```
#8394df
```
#8394df rgb(131,148,223)
```
#7d90e5
```
#7d90e5 rgb(125,144,229)
```
#778ceb
```
#778ceb rgb(119,140,235)
```
#7188f1
```
#7188f1 rgb(113,136,241)
```
#6b84f7
```
#6b84f7 rgb(107,132,247)
```
#6581fd
```
#6581fd rgb(101,129,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8c90a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7094ee Protanopia 1% of men
#6298e9 Deuteranopia 1% of men
#64a0ac Tritanopia 0.001% of the population

Trichromacy

#7291ed Protanomaly 1% of men, 0.01% of women
#6993ea Deuteranomaly 6% of men, 0.4% of women
#6b99c3 Tritanomaly 0.01% of the population

#778ceb hex color

#778ceb Color Information

#778ceb Color Conversion

Color Schemes with #778ceb

Alternatives to #778ceb

#778ceb Preview

Shades and Tints of #778ceb

Tones of #778ceb

Color Blindness Simulator