#778bee Color Information
In a RGB color space, hex #778bee is composed of 46.7% red, 54.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 41.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 229.9 degrees, a saturation of 77.8% and a lightness of 70%. #778bee color hex could be obtained by blending #eeffff with #0017dd. Closest websafe color is: #6699ff.
-
- R 47
- G 55
- B 93
-
- C 50
- M 42
- Y 0
- K 7
● #778bee color description : Soft blue.
#778bee Color Conversion
The hexadecimal color #778bee has RGB values of R:119, G:139, B:238 and CMYK values of C:0.5, M:0.42, Y:0, K:0.07. Its decimal value is 7834606.
Hex triplet | 778bee | #778bee |
---|---|---|
RGB Decimal | 119, 139, 238 | rgb(119,139,238) |
RGB Percent | 46.7, 54.5, 93.3 | rgb(46.7%,54.5%,93.3%) |
CMYK | 50, 42, 0, 7 | |
HSL | 229.9°, 77.8, 70 | hsl(229.9,77.8%,70%) |
HSV (or HSB) | 229.9°, 50, 93.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.39, 19.541, -52.228 |
---|---|
XYZ | 32.27, 28.559, 84.696 |
xyY | 0.222, 0.196, 28.559 |
CIE-LCH | 60.39, 55.764, 290.514 |
CIE-LUV | 60.39, -13.538, -85.356 |
Hunter-Lab | 53.441, 14.265, -56.558 |
Binary | 01110111, 10001011, 11101110 |
Color Schemes with #778bee
Alternatives to #778bee
Below, you can see some colors close to #778bee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#778bee Preview
This text has a font color of #778bee.
<span style="color:#778bee;">Text here</span>
This paragraph has a background color of #778bee.
<p style="background-color:#778bee;">Content here</p>
This element has a border color of #778bee.
<div style="border:1px solid #778bee;">Content here</div>
.text {color:#778bee;}
.background {background-color:#778bee;}
.border {border:1px solid #778bee;}
Shades and Tints of #778bee
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)
-
#050a26
#050a26
rgb(5,10,38)
-
#070f38
#070f38
rgb(7,15,56)
-
#091449
#091449
rgb(9,20,73)
-
#0b195b
#0b195b
rgb(11,25,91)
-
#0e1d6c
#0e1d6c
rgb(14,29,108)
-
#10227e
#10227e
rgb(16,34,126)
-
#12278f
#12278f
rgb(18,39,143)
-
#142ca0
#142ca0
rgb(20,44,160)
-
#1630b2
#1630b2
rgb(22,48,178)
-
#1835c3
#1835c3
rgb(24,53,195)
-
#1b3ad5
#1b3ad5
rgb(27,58,213)
-
#2041e3
#2041e3
rgb(32,65,227)
-
#3150e5
#3150e5
rgb(49,80,229)
-
#435ee7
#435ee7
rgb(67,94,231)
-
#546dea
#546dea
rgb(84,109,234)
-
#667cec
#667cec
rgb(102,124,236)
-
#778bee
#778bee
rgb(119,139,238)
-
#889af0
#889af0
rgb(136,154,240)
-
#9aa9f2
#9aa9f2
rgb(154,169,242)
-
#abb8f5
#abb8f5
rgb(171,184,245)
-
#bdc6f7
#bdc6f7
rgb(189,198,247)
-
#ced5f9
#ced5f9
rgb(206,213,249)
-
#e0e4fb
#e0e4fb
rgb(224,228,251)
-
#f1f3fd
#f1f3fd
rgb(241,243,253)
Tones of #778bee
A tone is produced by adding gray to any pure hue. In this case, #b2b2b3 is the less saturated color, while #6b83fa is the most saturated one.
-
#b2b2b3
#b2b2b3
rgb(178,178,179)
-
#acaeb9
#acaeb9
rgb(172,174,185)
-
#a6aabf
#a6aabf
rgb(166,170,191)
-
#a0a6c5
#a0a6c5
rgb(160,166,197)
-
#9aa2cb
#9aa2cb
rgb(154,162,203)
-
#949fd1
#949fd1
rgb(148,159,209)
-
#8f9bd6
#8f9bd6
rgb(143,155,214)
-
#8997dc
#8997dc
rgb(137,151,220)
-
#8393e2
#8393e2
rgb(131,147,226)
-
#7d8fe8
#7d8fe8
rgb(125,143,232)
-
#778bee
#778bee
rgb(119,139,238)
-
#7187f4
#7187f4
rgb(113,135,244)
-
#6b83fa
#6b83fa
rgb(107,131,250)
Color Blindness Simulator
Below, you can see how #778bee 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.