#778eeb Color Information
In a RGB color space, hex #778eeb is composed of 46.7% red, 55.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 39.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 228.1 degrees, a saturation of 74.4% and a lightness of 69.4%. #778eeb color hex could be obtained by blending #eeffff with #001dd7. Closest websafe color is: #6699ff.
-
- R 47
- G 56
- B 92
-
- C 49
- M 40
- Y 0
- K 8
● #778eeb color description : Soft blue.
#778eeb Color Conversion
The hexadecimal color #778eeb has RGB values of R:119, G:142, B:235 and CMYK values of C:0.49, M:0.4, Y:0, K:0.08. Its decimal value is 7835371.
Hex triplet | 778eeb | #778eeb |
---|---|---|
RGB Decimal | 119, 142, 235 | rgb(119,142,235) |
RGB Percent | 46.7, 55.7, 92.2 | rgb(46.7%,55.7%,92.2%) |
CMYK | 49, 40, 0, 8 | |
HSL | 228.1°, 74.4, 69.4 | hsl(228.1,74.4%,69.4%) |
HSV (or HSB) | 228.1°, 49.4, 92.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 61.015, 16.862, -49.578 |
---|---|
XYZ | 32.273, 29.265, 82.541 |
xyY | 0.224, 0.203, 29.265 |
CIE-LCH | 61.015, 52.367, 288.784 |
CIE-LUV | 61.015, -14.486, -80.866 |
Hunter-Lab | 54.097, 11.819, -52.596 |
Binary | 01110111, 10001110, 11101011 |
Color Schemes with #778eeb
Alternatives to #778eeb
Below, you can see some colors close to #778eeb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778eeb Preview
This text has a font color of #778eeb.
<span style="color:#778eeb;">Text here</span>
This paragraph has a background color of #778eeb.
<p style="background-color:#778eeb;">Content here</p>
This element has a border color of #778eeb.
<div style="border:1px solid #778eeb;">Content here</div>
.text {color:#778eeb;}
.background {background-color:#778eeb;}
.border {border:1px solid #778eeb;}
Shades and Tints of #778eeb
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)
-
#030612
#030612
rgb(3,6,18)
-
#050b23
#050b23
rgb(5,11,35)
-
#081034
#081034
rgb(8,16,52)
-
#0a1645
#0a1645
rgb(10,22,69)
-
#0d1b56
#0d1b56
rgb(13,27,86)
-
#0f2167
#0f2167
rgb(15,33,103)
-
#122679
#122679
rgb(18,38,121)
-
#142c8a
#142c8a
rgb(20,44,138)
-
#17319b
#17319b
rgb(23,49,155)
-
#1936ac
#1936ac
rgb(25,54,172)
-
#1c3cbd
#1c3cbd
rgb(28,60,189)
-
#1e41ce
#1e41ce
rgb(30,65,206)
-
#2147de
#2147de
rgb(33,71,222)
-
#3355e1
#3355e1
rgb(51,85,225)
-
#4463e3
#4463e3
rgb(68,99,227)
-
#5572e6
#5572e6
rgb(85,114,230)
-
#6680e8
#6680e8
rgb(102,128,232)
-
#778eeb
#778eeb
rgb(119,142,235)
-
#889cee
#889cee
rgb(136,156,238)
-
#99aaf0
#99aaf0
rgb(153,170,240)
-
#aab9f3
#aab9f3
rgb(170,185,243)
-
#bbc7f5
#bbc7f5
rgb(187,199,245)
-
#cdd5f8
#cdd5f8
rgb(205,213,248)
-
#dee3fa
#dee3fa
rgb(222,227,250)
-
#eff1fd
#eff1fd
rgb(239,241,253)
Tones of #778eeb
A tone is produced by adding gray to any pure hue. In this case, #adafb5 is the less saturated color, while #6583fd is the most saturated one.
-
#adafb5
#adafb5
rgb(173,175,181)
-
#a7abbb
#a7abbb
rgb(167,171,187)
-
#a1a7c1
#a1a7c1
rgb(161,167,193)
-
#9ba4c7
#9ba4c7
rgb(155,164,199)
-
#95a0cd
#95a0cd
rgb(149,160,205)
-
#8f9cd3
#8f9cd3
rgb(143,156,211)
-
#8999d9
#8999d9
rgb(137,153,217)
-
#8395df
#8395df
rgb(131,149,223)
-
#7d92e5
#7d92e5
rgb(125,146,229)
-
#778eeb
#778eeb
rgb(119,142,235)
-
#718af1
#718af1
rgb(113,138,241)
-
#6b87f7
#6b87f7
rgb(107,135,247)
-
#6583fd
#6583fd
rgb(101,131,253)
Color Blindness Simulator
Below, you can see how #778eeb 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.