#778ca2 Color Information
In a RGB color space, hex #778ca2 is composed of 46.7% red, 54.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 13.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 210.7 degrees, a saturation of 18.8% and a lightness of 55.1%. #778ca2 color hex could be obtained by blending #eeffff with #001945. Closest websafe color is: #669999.
-
- R 47
- G 55
- B 64
-
- C 27
- M 14
- Y 0
- K 36
● #778ca2 color description : Mostly desaturated dark blue.
#778ca2 Color Conversion
The hexadecimal color #778ca2 has RGB values of R:119, G:140, B:162 and CMYK values of C:0.27, M:0.14, Y:0, K:0.36. Its decimal value is 7834786.
Hex triplet | 778ca2 | #778ca2 |
---|---|---|
RGB Decimal | 119, 140, 162 | rgb(119,140,162) |
RGB Percent | 46.7, 54.9, 63.5 | rgb(46.7%,54.9%,63.5%) |
CMYK | 27, 14, 0, 36 | |
HSL | 210.7°, 18.8, 55.1 | hsl(210.7,18.8%,55.1%) |
HSV (or HSB) | 210.7°, 26.5, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 57.353, -2.331, -14.121 |
---|---|
XYZ | 23.506, 25.286, 37.823 |
xyY | 0.271, 0.292, 25.286 |
CIE-LCH | 57.353, 14.312, 260.625 |
CIE-LUV | 57.353, -11.718, -20.523 |
Hunter-Lab | 50.285, -4.559, -9.396 |
Binary | 01110111, 10001100, 10100010 |
Color Schemes with #778ca2
Alternatives to #778ca2
Below, you can see some colors close to #778ca2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778ca2 Preview
This text has a font color of #778ca2.
<span style="color:#778ca2;">Text here</span>
This paragraph has a background color of #778ca2.
<p style="background-color:#778ca2;">Content here</p>
This element has a border color of #778ca2.
<div style="border:1px solid #778ca2;">Content here</div>
.text {color:#778ca2;}
.background {background-color:#778ca2;}
.border {border:1px solid #778ca2;}
Shades and Tints of #778ca2
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)
-
#13171b
#13171b
rgb(19,23,27)
-
#1a2027
#1a2027
rgb(26,32,39)
-
#222a32
#222a32
rgb(34,42,50)
-
#2a343e
#2a343e
rgb(42,52,62)
-
#323e4a
#323e4a
rgb(50,62,74)
-
#3a4855
#3a4855
rgb(58,72,85)
-
#425161
#425161
rgb(66,81,97)
-
#4a5b6d
#4a5b6d
rgb(74,91,109)
-
#526578
#526578
rgb(82,101,120)
-
#5a6f84
#5a6f84
rgb(90,111,132)
-
#627890
#627890
rgb(98,120,144)
-
#6b829a
#6b829a
rgb(107,130,154)
-
#778ca2
#778ca2
rgb(119,140,162)
-
#8396aa
#8396aa
rgb(131,150,170)
-
#8ea0b2
#8ea0b2
rgb(142,160,178)
-
#9aaaba
#9aaaba
rgb(154,170,186)
-
#a6b3c2
#a6b3c2
rgb(166,179,194)
-
#b1bdca
#b1bdca
rgb(177,189,202)
-
#bdc7d2
#bdc7d2
rgb(189,199,210)
-
#c9d1da
#c9d1da
rgb(201,209,218)
-
#d4dbe2
#d4dbe2
rgb(212,219,226)
-
#e0e5ea
#e0e5ea
rgb(224,229,234)
-
#ebeff2
#ebeff2
rgb(235,239,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #778ca2
A tone is produced by adding gray to any pure hue. In this case, #898c90 is the less saturated color, while #1f8afa is the most saturated one.
-
#898c90
#898c90
rgb(137,140,144)
-
#808c99
#808c99
rgb(128,140,153)
-
#778ca2
#778ca2
rgb(119,140,162)
-
#6e8cab
#6e8cab
rgb(110,140,171)
-
#658cb4
#658cb4
rgb(101,140,180)
-
#5d8bbc
#5d8bbc
rgb(93,139,188)
-
#548bc5
#548bc5
rgb(84,139,197)
-
#4b8bce
#4b8bce
rgb(75,139,206)
-
#428bd7
#428bd7
rgb(66,139,215)
-
#398be0
#398be0
rgb(57,139,224)
-
#318ae8
#318ae8
rgb(49,138,232)
-
#288af1
#288af1
rgb(40,138,241)
-
#1f8afa
#1f8afa
rgb(31,138,250)
Color Blindness Simulator
Below, you can see how #778ca2 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.