#778ba3 Color Information
In a RGB color space, hex #778ba3 is composed of 46.7% red, 54.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 14.7% magenta, 0% yellow and 36.1% black. It has a hue angle of 212.7 degrees, a saturation of 19.3% and a lightness of 55.3%. #778ba3 color hex could be obtained by blending #eeffff with #001747. Closest websafe color is: #669999.
-
- R 47
- G 55
- B 64
-
- C 27
- M 15
- Y 0
- K 36
● #778ba3 color description : Mostly desaturated dark blue.
#778ba3 Color Conversion
The hexadecimal color #778ba3 has RGB values of R:119, G:139, B:163 and CMYK values of C:0.27, M:0.15, Y:0, K:0.36. Its decimal value is 7834531.
Hex triplet | 778ba3 | #778ba3 |
---|---|---|
RGB Decimal | 119, 139, 163 | rgb(119,139,163) |
RGB Percent | 46.7, 54.5, 63.9 | rgb(46.7%,54.5%,63.9%) |
CMYK | 27, 15, 0, 36 | |
HSL | 212.7°, 19.3, 55.3 | hsl(212.7,19.3%,55.3%) |
HSV (or HSB) | 212.7°, 27, 63.9 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 57.106, -1.514, -15.068 |
---|---|
XYZ | 23.45, 25.031, 38.244 |
xyY | 0.27, 0.289, 25.031 |
CIE-LCH | 57.106, 15.144, 264.261 |
CIE-LUV | 57.106, -11.303, -22.085 |
Hunter-Lab | 50.031, -3.89, -10.3 |
Binary | 01110111, 10001011, 10100011 |
Color Schemes with #778ba3
Alternatives to #778ba3
Below, you can see some colors close to #778ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778ba3 Preview
This text has a font color of #778ba3.
<span style="color:#778ba3;">Text here</span>
This paragraph has a background color of #778ba3.
<p style="background-color:#778ba3;">Content here</p>
This element has a border color of #778ba3.
<div style="border:1px solid #778ba3;">Content here</div>
.text {color:#778ba3;}
.background {background-color:#778ba3;}
.border {border:1px solid #778ba3;}
Shades and Tints of #778ba3
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, #030404 is the darkest color, while #f8f9fa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0b0d10
#0b0d10
rgb(11,13,16)
-
#13171c
#13171c
rgb(19,23,28)
-
#1b2128
#1b2128
rgb(27,33,40)
-
#232a33
#232a33
rgb(35,42,51)
-
#2b343f
#2b343f
rgb(43,52,63)
-
#323d4b
#323d4b
rgb(50,61,75)
-
#3a4756
#3a4756
rgb(58,71,86)
-
#425162
#425162
rgb(66,81,98)
-
#4a5a6e
#4a5a6e
rgb(74,90,110)
-
#526479
#526479
rgb(82,100,121)
-
#5a6e85
#5a6e85
rgb(90,110,133)
-
#627791
#627791
rgb(98,119,145)
-
#6b819b
#6b819b
rgb(107,129,155)
-
#778ba3
#778ba3
rgb(119,139,163)
-
#8395ab
#8395ab
rgb(131,149,171)
-
#8e9fb3
#8e9fb3
rgb(142,159,179)
-
#9aa9bb
#9aa9bb
rgb(154,169,187)
-
#a6b3c3
#a6b3c3
rgb(166,179,195)
-
#b2bdcb
#b2bdcb
rgb(178,189,203)
-
#bdc7d2
#bdc7d2
rgb(189,199,210)
-
#c9d1da
#c9d1da
rgb(201,209,218)
-
#d5dbe2
#d5dbe2
rgb(213,219,226)
-
#e0e5ea
#e0e5ea
rgb(224,229,234)
-
#eceff2
#eceff2
rgb(236,239,242)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #778ba3
A tone is produced by adding gray to any pure hue. In this case, #898d91 is the less saturated color, while #1f83fb is the most saturated one.
-
#898d91
#898d91
rgb(137,141,145)
-
#808c9a
#808c9a
rgb(128,140,154)
-
#778ba3
#778ba3
rgb(119,139,163)
-
#6e8aac
#6e8aac
rgb(110,138,172)
-
#6589b5
#6589b5
rgb(101,137,181)
-
#5d89bd
#5d89bd
rgb(93,137,189)
-
#5488c6
#5488c6
rgb(84,136,198)
-
#4b87cf
#4b87cf
rgb(75,135,207)
-
#4286d8
#4286d8
rgb(66,134,216)
-
#3a85e0
#3a85e0
rgb(58,133,224)
-
#3185e9
#3185e9
rgb(49,133,233)
-
#2884f2
#2884f2
rgb(40,132,242)
-
#1f83fb
#1f83fb
rgb(31,131,251)
Color Blindness Simulator
Below, you can see how #778ba3 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.