#778ba1 Color Information
In a RGB color space, hex #778ba1 is composed of 46.7% red, 54.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 13.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 211.4 degrees, a saturation of 18.3% and a lightness of 54.9%. #778ba1 color hex could be obtained by blending #eeffff with #001743. Closest websafe color is: #669999.
-
- R 47
- G 55
- B 63
-
- C 26
- M 14
- Y 0
- K 37
● #778ba1 color description : Mostly desaturated dark blue.
#778ba1 Color Conversion
The hexadecimal color #778ba1 has RGB values of R:119, G:139, B:161 and CMYK values of C:0.26, M:0.14, Y:0, K:0.37. Its decimal value is 7834529.
Hex triplet | 778ba1 | #778ba1 |
---|---|---|
RGB Decimal | 119, 139, 161 | rgb(119,139,161) |
RGB Percent | 46.7, 54.5, 63.1 | rgb(46.7%,54.5%,63.1%) |
CMYK | 26, 14, 0, 37 | |
HSL | 211.4°, 18.3, 54.9 | hsl(211.4,18.3%,54.9%) |
HSV (or HSB) | 211.4°, 26.1, 63.1 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 57.036, -2.01, -14.027 |
---|---|
XYZ | 23.272, 24.96, 37.308 |
xyY | 0.272, 0.292, 24.96 |
CIE-LCH | 57.036, 14.17, 261.844 |
CIE-LUV | 57.036, -11.247, -20.403 |
Hunter-Lab | 49.96, -4.282, -9.303 |
Binary | 01110111, 10001011, 10100001 |
Color Schemes with #778ba1
Alternatives to #778ba1
Below, you can see some colors close to #778ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778ba1 Preview
This text has a font color of #778ba1.
<span style="color:#778ba1;">Text here</span>
This paragraph has a background color of #778ba1.
<p style="background-color:#778ba1;">Content here</p>
This element has a border color of #778ba1.
<div style="border:1px solid #778ba1;">Content here</div>
.text {color:#778ba1;}
.background {background-color:#778ba1;}
.border {border:1px solid #778ba1;}
Shades and Tints of #778ba1
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, #020303 is the darkest color, while #f7f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0c0f
#0a0c0f
rgb(10,12,15)
-
#12161a
#12161a
rgb(18,22,26)
-
#1a2026
#1a2026
rgb(26,32,38)
-
#222a32
#222a32
rgb(34,42,50)
-
#2a333d
#2a333d
rgb(42,51,61)
-
#323d49
#323d49
rgb(50,61,73)
-
#3a4754
#3a4754
rgb(58,71,84)
-
#425060
#425060
rgb(66,80,96)
-
#4a5a6c
#4a5a6c
rgb(74,90,108)
-
#526477
#526477
rgb(82,100,119)
-
#5a6e83
#5a6e83
rgb(90,110,131)
-
#62778e
#62778e
rgb(98,119,142)
-
#6b8199
#6b8199
rgb(107,129,153)
-
#778ba1
#778ba1
rgb(119,139,161)
-
#8395a9
#8395a9
rgb(131,149,169)
-
#8e9fb1
#8e9fb1
rgb(142,159,177)
-
#9aa9b9
#9aa9b9
rgb(154,169,185)
-
#a5b3c1
#a5b3c1
rgb(165,179,193)
-
#b1bcc9
#b1bcc9
rgb(177,188,201)
-
#bdc6d1
#bdc6d1
rgb(189,198,209)
-
#c8d0d9
#c8d0d9
rgb(200,208,217)
-
#d4dae1
#d4dae1
rgb(212,218,225)
-
#dfe4e9
#dfe4e9
rgb(223,228,233)
-
#ebeef1
#ebeef1
rgb(235,238,241)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #778ba1
A tone is produced by adding gray to any pure hue. In this case, #898c8f is the less saturated color, while #1f87f9 is the most saturated one.
-
#898c8f
#898c8f
rgb(137,140,143)
-
#808b98
#808b98
rgb(128,139,152)
-
#778ba1
#778ba1
rgb(119,139,161)
-
#6e8baa
#6e8baa
rgb(110,139,170)
-
#658ab3
#658ab3
rgb(101,138,179)
-
#5c8abc
#5c8abc
rgb(92,138,188)
-
#5489c4
#5489c4
rgb(84,137,196)
-
#4b89cd
#4b89cd
rgb(75,137,205)
-
#4288d6
#4288d6
rgb(66,136,214)
-
#3988df
#3988df
rgb(57,136,223)
-
#3088e8
#3088e8
rgb(48,136,232)
-
#2787f1
#2787f1
rgb(39,135,241)
-
#1f87f9
#1f87f9
rgb(31,135,249)
Color Blindness Simulator
Below, you can see how #778ba1 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.