#0778f2 Color Information
In a RGB color space, hex #0778f2 is composed of 2.7% red, 47.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 50.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.1 degrees, a saturation of 94.4% and a lightness of 48.8%. #0778f2 color hex could be obtained by blending #0ef0ff with #0000e5. Closest websafe color is: #0066ff.
-
- R 3
- G 47
- B 95
-
- C 97
- M 50
- Y 0
- K 5
● #0778f2 color description : Vivid blue.
#0778f2 Color Conversion
The hexadecimal color #0778f2 has RGB values of R:7, G:120, B:242 and CMYK values of C:0.97, M:0.5, Y:0, K:0.05. Its decimal value is 489714.
Hex triplet | 0778f2 | #0778f2 |
---|---|---|
RGB Decimal | 7, 120, 242 | rgb(7,120,242) |
RGB Percent | 2.7, 47.1, 94.9 | rgb(2.7%,47.1%,94.9%) |
CMYK | 97, 50, 0, 5 | |
HSL | 211.1°, 94.4, 48.8 | hsl(211.1,94.4%,48.8%) |
HSV (or HSB) | 211.1°, 97.1, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 51.709, 18.948, -68.588 |
---|---|
XYZ | 22.828, 19.887, 86.635 |
xyY | 0.176, 0.154, 19.887 |
CIE-LCH | 51.709, 71.157, 285.443 |
CIE-LUV | 51.709, -27.352, -107.754 |
Hunter-Lab | 44.595, 13.331, -83.967 |
Binary | 00000111, 01111000, 11110010 |
Color Schemes with #0778f2
Alternatives to #0778f2
Below, you can see some colors close to #0778f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0778f2 Preview
This text has a font color of #0778f2.
<span style="color:#0778f2;">Text here</span>
This paragraph has a background color of #0778f2.
<p style="background-color:#0778f2;">Content here</p>
This element has a border color of #0778f2.
<div style="border:1px solid #0778f2;">Content here</div>
.text {color:#0778f2;}
.background {background-color:#0778f2;}
.border {border:1px solid #0778f2;}
Shades and Tints of #0778f2
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, #00070d is the darkest color, while #f9fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#011020
#011020
rgb(1,16,32)
-
#011933
#011933
rgb(1,25,51)
-
#022346
#022346
rgb(2,35,70)
-
#032c59
#032c59
rgb(3,44,89)
-
#03366d
#03366d
rgb(3,54,109)
-
#043f80
#043f80
rgb(4,63,128)
-
#044993
#044993
rgb(4,73,147)
-
#0552a6
#0552a6
rgb(5,82,166)
-
#055cb9
#055cb9
rgb(5,92,185)
-
#0665cc
#0665cc
rgb(6,101,204)
-
#066fdf
#066fdf
rgb(6,111,223)
-
#0778f2
#0778f2
rgb(7,120,242)
-
#1482f8
#1482f8
rgb(20,130,248)
-
#278cf9
#278cf9
rgb(39,140,249)
-
#3b96f9
#3b96f9
rgb(59,150,249)
-
#4ea0fa
#4ea0fa
rgb(78,160,250)
-
#61abfa
#61abfa
rgb(97,171,250)
-
#74b5fb
#74b5fb
rgb(116,181,251)
-
#87bffc
#87bffc
rgb(135,191,252)
-
#9ac9fc
#9ac9fc
rgb(154,201,252)
-
#add3fd
#add3fd
rgb(173,211,253)
-
#c0ddfd
#c0ddfd
rgb(192,221,253)
-
#d3e8fe
#d3e8fe
rgb(211,232,254)
-
#e6f2fe
#e6f2fe
rgb(230,242,254)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #0778f2
A tone is produced by adding gray to any pure hue. In this case, #7a7c7f is the less saturated color, while #0778f2 is the most saturated one.
-
#7a7c7f
#7a7c7f
rgb(122,124,127)
-
#707c89
#707c89
rgb(112,124,137)
-
#677c92
#677c92
rgb(103,124,146)
-
#5d7b9c
#5d7b9c
rgb(93,123,156)
-
#547ba5
#547ba5
rgb(84,123,165)
-
#4a7baf
#4a7baf
rgb(74,123,175)
-
#407ab9
#407ab9
rgb(64,122,185)
-
#377ac2
#377ac2
rgb(55,122,194)
-
#2d79cc
#2d79cc
rgb(45,121,204)
-
#2479d5
#2479d5
rgb(36,121,213)
-
#1a79df
#1a79df
rgb(26,121,223)
-
#1178e8
#1178e8
rgb(17,120,232)
-
#0778f2
#0778f2
rgb(7,120,242)
Color Blindness Simulator
Below, you can see how #0778f2 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.