#778ba4 Color Information
In a RGB color space, hex #778ba4 is composed of 46.7% red, 54.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 15.2% magenta, 0% yellow and 35.7% black. It has a hue angle of 213.3 degrees, a saturation of 19.8% and a lightness of 55.5%. #778ba4 color hex could be obtained by blending #eeffff with #001749. Closest websafe color is: #669999.
-
- R 47
- G 55
- B 64
-
- C 27
- M 15
- Y 0
- K 36
● #778ba4 color description : Mostly desaturated dark blue.
#778ba4 Color Conversion
The hexadecimal color #778ba4 has RGB values of R:119, G:139, B:164 and CMYK values of C:0.27, M:0.15, Y:0, K:0.36. Its decimal value is 7834532.
Hex triplet | 778ba4 | #778ba4 |
---|---|---|
RGB Decimal | 119, 139, 164 | rgb(119,139,164) |
RGB Percent | 46.7, 54.5, 64.3 | rgb(46.7%,54.5%,64.3%) |
CMYK | 27, 15, 0, 36 | |
HSL | 213.3°, 19.8, 55.5 | hsl(213.3,19.8%,55.5%) |
HSV (or HSB) | 213.3°, 27.4, 64.3 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 57.141, -1.265, -15.588 |
---|---|
XYZ | 23.54, 25.067, 38.718 |
xyY | 0.27, 0.287, 25.067 |
CIE-LCH | 57.141, 15.64, 265.362 |
CIE-LUV | 57.141, -11.331, -22.928 |
Hunter-Lab | 50.067, -3.692, -10.804 |
Binary | 01110111, 10001011, 10100100 |
Color Schemes with #778ba4
Alternatives to #778ba4
Below, you can see some colors close to #778ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778ba4 Preview
This text has a font color of #778ba4.
<span style="color:#778ba4;">Text here</span>
This paragraph has a background color of #778ba4.
<p style="background-color:#778ba4;">Content here</p>
This element has a border color of #778ba4.
<div style="border:1px solid #778ba4;">Content here</div>
.text {color:#778ba4;}
.background {background-color:#778ba4;}
.border {border:1px solid #778ba4;}
Shades and Tints of #778ba4
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, #030405 is the darkest color, while #f8f9fa is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0e11
#0b0e11
rgb(11,14,17)
-
#13171d
#13171d
rgb(19,23,29)
-
#1b2128
#1b2128
rgb(27,33,40)
-
#232a34
#232a34
rgb(35,42,52)
-
#2b3440
#2b3440
rgb(43,52,64)
-
#333e4c
#333e4c
rgb(51,62,76)
-
#3a4757
#3a4757
rgb(58,71,87)
-
#425163
#425163
rgb(66,81,99)
-
#4a5a6f
#4a5a6f
rgb(74,90,111)
-
#52647b
#52647b
rgb(82,100,123)
-
#5a6e86
#5a6e86
rgb(90,110,134)
-
#627792
#627792
rgb(98,119,146)
-
#6b819c
#6b819c
rgb(107,129,156)
-
#778ba4
#778ba4
rgb(119,139,164)
-
#8395ac
#8395ac
rgb(131,149,172)
-
#8f9fb4
#8f9fb4
rgb(143,159,180)
-
#9aa9bc
#9aa9bc
rgb(154,169,188)
-
#a6b3c3
#a6b3c3
rgb(166,179,195)
-
#b2bdcb
#b2bdcb
rgb(178,189,203)
-
#bec7d3
#bec7d3
rgb(190,199,211)
-
#c9d1db
#c9d1db
rgb(201,209,219)
-
#d5dbe3
#d5dbe3
rgb(213,219,227)
-
#e1e5eb
#e1e5eb
rgb(225,229,235)
-
#edeff3
#edeff3
rgb(237,239,243)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #778ba4
A tone is produced by adding gray to any pure hue. In this case, #888d93 is the less saturated color, while #2081fb is the most saturated one.
-
#888d93
#888d93
rgb(136,141,147)
-
#808c9b
#808c9b
rgb(128,140,155)
-
#778ba4
#778ba4
rgb(119,139,164)
-
#6e8aad
#6e8aad
rgb(110,138,173)
-
#6689b5
#6689b5
rgb(102,137,181)
-
#5d88be
#5d88be
rgb(93,136,190)
-
#5487c7
#5487c7
rgb(84,135,199)
-
#4b86d0
#4b86d0
rgb(75,134,208)
-
#4385d8
#4385d8
rgb(67,133,216)
-
#3a84e1
#3a84e1
rgb(58,132,225)
-
#3183ea
#3183ea
rgb(49,131,234)
-
#2882f3
#2882f3
rgb(40,130,243)
-
#2081fb
#2081fb
rgb(32,129,251)
Color Blindness Simulator
Below, you can see how #778ba4 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.