#778be8 Color Information
In a RGB color space, hex #778be8 is composed of 46.7% red, 54.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 40.1% magenta, 0% yellow and 9% black. It has a hue angle of 229.4 degrees, a saturation of 71.1% and a lightness of 68.8%. #778be8 color hex could be obtained by blending #eeffff with #0017d1. Closest websafe color is: #6699ff.
-
- R 47
- G 55
- B 91
-
- C 49
- M 40
- Y 0
- K 9
● #778be8 color description : Soft blue.
#778be8 Color Conversion
The hexadecimal color #778be8 has RGB values of R:119, G:139, B:232 and CMYK values of C:0.49, M:0.4, Y:0, K:0.09. Its decimal value is 7834600.
Hex triplet | 778be8 | #778be8 |
---|---|---|
RGB Decimal | 119, 139, 232 | rgb(119,139,232) |
RGB Percent | 46.7, 54.5, 91 | rgb(46.7%,54.5%,91%) |
CMYK | 49, 40, 0, 9 | |
HSL | 229.4°, 71.1, 68.8 | hsl(229.4,71.1%,68.8%) |
HSV (or HSB) | 229.4°, 48.7, 91 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.08, 17.728, -49.396 |
---|---|
XYZ | 31.403, 28.212, 80.13 |
xyY | 0.225, 0.202, 28.212 |
CIE-LCH | 60.08, 52.481, 289.742 |
CIE-LUV | 60.08, -13.354, -80.436 |
Hunter-Lab | 53.115, 12.582, -52.265 |
Binary | 01110111, 10001011, 11101000 |
Color Schemes with #778be8
Alternatives to #778be8
Below, you can see some colors close to #778be8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778be8 Preview
This text has a font color of #778be8.
<span style="color:#778be8;">Text here</span>
This paragraph has a background color of #778be8.
<p style="background-color:#778be8;">Content here</p>
This element has a border color of #778be8.
<div style="border:1px solid #778be8;">Content here</div>
.text {color:#778be8;}
.background {background-color:#778be8;}
.border {border:1px solid #778be8;}
Shades and Tints of #778be8
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, #03050f is the darkest color, while #fdfdff is the lightest one.
-
#03050f
#03050f
rgb(3,5,15)
-
#050a20
#050a20
rgb(5,10,32)
-
#080f31
#080f31
rgb(8,15,49)
-
#0b1541
#0b1541
rgb(11,21,65)
-
#0e1a52
#0e1a52
rgb(14,26,82)
-
#111f63
#111f63
rgb(17,31,99)
-
#142574
#142574
rgb(20,37,116)
-
#162a84
#162a84
rgb(22,42,132)
-
#192f95
#192f95
rgb(25,47,149)
-
#1c34a6
#1c34a6
rgb(28,52,166)
-
#1f3ab7
#1f3ab7
rgb(31,58,183)
-
#223fc8
#223fc8
rgb(34,63,200)
-
#2544d8
#2544d8
rgb(37,68,216)
-
#3452dd
#3452dd
rgb(52,82,221)
-
#4560df
#4560df
rgb(69,96,223)
-
#556ee2
#556ee2
rgb(85,110,226)
-
#667de5
#667de5
rgb(102,125,229)
-
#778be8
#778be8
rgb(119,139,232)
-
#8899eb
#8899eb
rgb(136,153,235)
-
#99a8ee
#99a8ee
rgb(153,168,238)
-
#a9b6f1
#a9b6f1
rgb(169,182,241)
-
#bac4f3
#bac4f3
rgb(186,196,243)
-
#cbd3f6
#cbd3f6
rgb(203,211,246)
-
#dce1f9
#dce1f9
rgb(220,225,249)
-
#eceffc
#eceffc
rgb(236,239,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #778be8
A tone is produced by adding gray to any pure hue. In this case, #aeafb1 is the less saturated color, while #657ffa is the most saturated one.
-
#aeafb1
#aeafb1
rgb(174,175,177)
-
#a8abb7
#a8abb7
rgb(168,171,183)
-
#a2a7bd
#a2a7bd
rgb(162,167,189)
-
#9ca3c3
#9ca3c3
rgb(156,163,195)
-
#969fc9
#969fc9
rgb(150,159,201)
-
#8f9bd0
#8f9bd0
rgb(143,155,208)
-
#8997d6
#8997d6
rgb(137,151,214)
-
#8393dc
#8393dc
rgb(131,147,220)
-
#7d8fe2
#7d8fe2
rgb(125,143,226)
-
#778be8
#778be8
rgb(119,139,232)
-
#7187ee
#7187ee
rgb(113,135,238)
-
#6b83f4
#6b83f4
rgb(107,131,244)
-
#657ffa
#657ffa
rgb(101,127,250)
Color Blindness Simulator
Below, you can see how #778be8 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.