#778aa2 Color Information
In a RGB color space, hex #778aa2 is composed of 46.7% red, 54.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 14.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 213.5 degrees, a saturation of 18.8% and a lightness of 55.1%. #778aa2 color hex could be obtained by blending #eeffff with #001545. Closest websafe color is: #669999.
-
- R 47
- G 54
- B 64
-
- C 27
- M 15
- Y 0
- K 36
● #778aa2 color description : Mostly desaturated dark blue.
#778aa2 Color Conversion
The hexadecimal color #778aa2 has RGB values of R:119, G:138, B:162 and CMYK values of C:0.27, M:0.15, Y:0, K:0.36. Its decimal value is 7834274.
Hex triplet | 778aa2 | #778aa2 |
---|---|---|
RGB Decimal | 119, 138, 162 | rgb(119,138,162) |
RGB Percent | 46.7, 54.1, 63.5 | rgb(46.7%,54.1%,63.5%) |
CMYK | 27, 15, 0, 36 | |
HSL | 213.5°, 18.8, 55.1 | hsl(213.5,18.8%,55.1%) |
HSV (or HSB) | 213.5°, 26.5, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.789, -1.193, -14.974 |
---|---|
XYZ | 23.216, 24.707, 37.726 |
xyY | 0.271, 0.288, 24.707 |
CIE-LCH | 56.789, 15.022, 265.446 |
CIE-LUV | 56.789, -10.832, -21.963 |
Hunter-Lab | 49.706, -3.613, -10.206 |
Binary | 01110111, 10001010, 10100010 |
Color Schemes with #778aa2
Alternatives to #778aa2
Below, you can see some colors close to #778aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778aa2 Preview
This text has a font color of #778aa2.
<span style="color:#778aa2;">Text here</span>
This paragraph has a background color of #778aa2.
<p style="background-color:#778aa2;">Content here</p>
This element has a border color of #778aa2.
<div style="border:1px solid #778aa2;">Content here</div>
.text {color:#778aa2;}
.background {background-color:#778aa2;}
.border {border:1px solid #778aa2;}
Shades and Tints of #778aa2
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, #030304 is the darkest color, while #f7f8fa is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0b0d0f
#0b0d0f
rgb(11,13,15)
-
#13161b
#13161b
rgb(19,22,27)
-
#1a2027
#1a2027
rgb(26,32,39)
-
#222932
#222932
rgb(34,41,50)
-
#2a333e
#2a333e
rgb(42,51,62)
-
#323d4a
#323d4a
rgb(50,61,74)
-
#3a4655
#3a4655
rgb(58,70,85)
-
#425061
#425061
rgb(66,80,97)
-
#4a596d
#4a596d
rgb(74,89,109)
-
#526378
#526378
rgb(82,99,120)
-
#5a6d84
#5a6d84
rgb(90,109,132)
-
#627690
#627690
rgb(98,118,144)
-
#6b809a
#6b809a
rgb(107,128,154)
-
#778aa2
#778aa2
rgb(119,138,162)
-
#8394aa
#8394aa
rgb(131,148,170)
-
#8e9eb2
#8e9eb2
rgb(142,158,178)
-
#9aa8ba
#9aa8ba
rgb(154,168,186)
-
#a6b2c2
#a6b2c2
rgb(166,178,194)
-
#b1bcca
#b1bcca
rgb(177,188,202)
-
#bdc6d2
#bdc6d2
rgb(189,198,210)
-
#c9d0da
#c9d0da
rgb(201,208,218)
-
#d4dae2
#d4dae2
rgb(212,218,226)
-
#e0e4ea
#e0e4ea
rgb(224,228,234)
-
#ebeef2
#ebeef2
rgb(235,238,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #778aa2
A tone is produced by adding gray to any pure hue. In this case, #898c90 is the less saturated color, while #1f80fa is the most saturated one.
-
#898c90
#898c90
rgb(137,140,144)
-
#808b99
#808b99
rgb(128,139,153)
-
#778aa2
#778aa2
rgb(119,138,162)
-
#6e89ab
#6e89ab
rgb(110,137,171)
-
#6588b4
#6588b4
rgb(101,136,180)
-
#5d87bc
#5d87bc
rgb(93,135,188)
-
#5486c5
#5486c5
rgb(84,134,197)
-
#4b85ce
#4b85ce
rgb(75,133,206)
-
#4284d7
#4284d7
rgb(66,132,215)
-
#3983e0
#3983e0
rgb(57,131,224)
-
#3182e8
#3182e8
rgb(49,130,232)
-
#2881f1
#2881f1
rgb(40,129,241)
-
#1f80fa
#1f80fa
rgb(31,128,250)
Color Blindness Simulator
Below, you can see how #778aa2 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.