#778cee Color Information
In a RGB color space, hex #778cee is composed of 46.7% red, 54.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 41.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 229.4 degrees, a saturation of 77.8% and a lightness of 70%. #778cee color hex could be obtained by blending #eeffff with #0019dd. Closest websafe color is: #6699ff.
-
- R 47
- G 55
- B 93
-
- C 50
- M 41
- Y 0
- K 7
● #778cee color description : Soft blue.
#778cee Color Conversion
The hexadecimal color #778cee has RGB values of R:119, G:140, B:238 and CMYK values of C:0.5, M:0.41, Y:0, K:0.07. Its decimal value is 7834862.
Hex triplet | 778cee | #778cee |
---|---|---|
RGB Decimal | 119, 140, 238 | rgb(119,140,238) |
RGB Percent | 46.7, 54.9, 93.3 | rgb(46.7%,54.9%,93.3%) |
CMYK | 50, 41, 0, 7 | |
HSL | 229.4°, 77.8, 70 | hsl(229.4,77.8%,70%) |
HSV (or HSB) | 229.4°, 50, 93.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.649, 18.95, -51.817 |
---|---|
XYZ | 32.415, 28.85, 84.745 |
xyY | 0.222, 0.198, 28.85 |
CIE-LCH | 60.649, 55.174, 290.088 |
CIE-LUV | 60.649, -13.88, -84.687 |
Hunter-Lab | 53.712, 13.729, -55.947 |
Binary | 01110111, 10001100, 11101110 |
Color Schemes with #778cee
Alternatives to #778cee
Below, you can see some colors close to #778cee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778cee Preview
This text has a font color of #778cee.
<span style="color:#778cee;">Text here</span>
This paragraph has a background color of #778cee.
<p style="background-color:#778cee;">Content here</p>
This element has a border color of #778cee.
<div style="border:1px solid #778cee;">Content here</div>
.text {color:#778cee;}
.background {background-color:#778cee;}
.border {border:1px solid #778cee;}
Shades and Tints of #778cee
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, #000103 is the darkest color, while #f1f3fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030615
#030615
rgb(3,6,21)
-
#050b26
#050b26
rgb(5,11,38)
-
#071038
#071038
rgb(7,16,56)
-
#091449
#091449
rgb(9,20,73)
-
#0b195b
#0b195b
rgb(11,25,91)
-
#0e1e6c
#0e1e6c
rgb(14,30,108)
-
#10237e
#10237e
rgb(16,35,126)
-
#12288f
#12288f
rgb(18,40,143)
-
#142da0
#142da0
rgb(20,45,160)
-
#1632b2
#1632b2
rgb(22,50,178)
-
#1837c3
#1837c3
rgb(24,55,195)
-
#1b3bd5
#1b3bd5
rgb(27,59,213)
-
#2042e3
#2042e3
rgb(32,66,227)
-
#3151e5
#3151e5
rgb(49,81,229)
-
#4360e7
#4360e7
rgb(67,96,231)
-
#546fea
#546fea
rgb(84,111,234)
-
#667dec
#667dec
rgb(102,125,236)
-
#778cee
#778cee
rgb(119,140,238)
-
#889bf0
#889bf0
rgb(136,155,240)
-
#9aa9f2
#9aa9f2
rgb(154,169,242)
-
#abb8f5
#abb8f5
rgb(171,184,245)
-
#bdc7f7
#bdc7f7
rgb(189,199,247)
-
#ced6f9
#ced6f9
rgb(206,214,249)
-
#e0e4fb
#e0e4fb
rgb(224,228,251)
-
#f1f3fd
#f1f3fd
rgb(241,243,253)
Tones of #778cee
A tone is produced by adding gray to any pure hue. In this case, #b2b2b3 is the less saturated color, while #6b84fa is the most saturated one.
-
#b2b2b3
#b2b2b3
rgb(178,178,179)
-
#acaeb9
#acaeb9
rgb(172,174,185)
-
#a6aabf
#a6aabf
rgb(166,170,191)
-
#a0a7c5
#a0a7c5
rgb(160,167,197)
-
#9aa3cb
#9aa3cb
rgb(154,163,203)
-
#949fd1
#949fd1
rgb(148,159,209)
-
#8f9bd6
#8f9bd6
rgb(143,155,214)
-
#8997dc
#8997dc
rgb(137,151,220)
-
#8394e2
#8394e2
rgb(131,148,226)
-
#7d90e8
#7d90e8
rgb(125,144,232)
-
#778cee
#778cee
rgb(119,140,238)
-
#7188f4
#7188f4
rgb(113,136,244)
-
#6b84fa
#6b84fa
rgb(107,132,250)
Color Blindness Simulator
Below, you can see how #778cee 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.