#0778c2 hex color

In a RGB color space, hex #0778c2 is composed of 2.7% red, 47.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 38.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 203.7 degrees, a saturation of 93% and a lightness of 39.4%. #0778c2 color hex could be obtained by blending #0ef0ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 47
- B 76
RGB color chart
- C 96
- M 38
- Y 0
- K 24
CMYK color chart

● #0778c2 color description : Strong blue.

The hexadecimal color #0778c2 has RGB values of R:7, G:120, B:194 and CMYK values of C:0.96, M:0.38, Y:0, K:0.24. Its decimal value is 489666.

Hex triplet	0778c2	`#0778c2`
RGB Decimal	7, 120, 194	`rgb(7,120,194)`
RGB Percent	2.7, 47.1, 76.1	`rgb(2.7%,47.1%,76.1%)`
CMYK	96, 38, 0, 24
HSL	203.7°, 93, 39.4	`hsl(203.7,93%,39.4%)`
HSV (or HSB)	203.7°, 96.4, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.725, 0.159, -46.242
XYZ	16.539, 17.372, 53.517
xyY	0.189, 0.199, 17.372
CIE-LCH	48.725, 46.242, 270.197
CIE-LUV	48.725, -29.568, -70.381
Hunter-Lab	41.679, -2.105, -46.955
Binary	00000111, 01111000, 11000010

#0778c2
```
#0778c2 rgb(7,120,194)
```
#c25107
```
#c25107 rgb(194,81,7)
```

Complementary Color

#07c2af
```
#07c2af rgb(7,194,175)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#071bc2
```
#071bc2 rgb(7,27,194)
```

Analogous Color

#c2af07
```
#c2af07 rgb(194,175,7)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#c2071b
```
#c2071b rgb(194,7,27)
```

Split Complementary Color

#78c207
```
#78c207 rgb(120,194,7)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#c20778
```
#c20778 rgb(194,7,120)
```

Triadic Color

#07c251
```
#07c251 rgb(7,194,81)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#c20778
```
#c20778 rgb(194,7,120)
```
#c25107
```
#c25107 rgb(194,81,7)
```

Tetradic Color

#044a78
```
#044a78 rgb(4,74,120)
```
#055a91
```
#055a91 rgb(5,90,145)
```
#0669a9
```
#0669a9 rgb(6,105,169)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#0887db
```
#0887db rgb(8,135,219)
```
#0996f3
```
#0996f3 rgb(9,150,243)
```
#1fa1f7
```
#1fa1f7 rgb(31,161,247)
```

Monochromatic Color

Below, you can see some colors close to #0778c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#07a7c2
```
#07a7c2 rgb(7,167,194)
```
#0797c2
```
#0797c2 rgb(7,151,194)
```
#0788c2
```
#0788c2 rgb(7,136,194)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#0768c2
```
#0768c2 rgb(7,104,194)
```
#0759c2
```
#0759c2 rgb(7,89,194)
```
#0749c2
```
#0749c2 rgb(7,73,194)
```

Similar Colors

Text with hexadecimal color #0778c2

This text has a font color of #0778c2.

<span style="color:#0778c2;">Text here</span>

#0778c2 background color

This paragraph has a background color of #0778c2.

<p style="background-color:#0778c2;">Content here</p>

#0778c2 border color

This element has a border color of #0778c2.

<div style="border:1px solid #0778c2;">Content here</div>

CSS codes

.text {color:#0778c2;}

.background {background-color:#0778c2;}

.border {border:1px solid #0778c2;}

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, #000305 is the darkest color, while #f1f9fe is the lightest one.

#000305
```
#000305 rgb(0,3,5)
```
#010f18
```
#010f18 rgb(1,15,24)
```
#021a2b
```
#021a2b rgb(2,26,43)
```
#02263d
```
#02263d rgb(2,38,61)
```
#033250
```
#033250 rgb(3,50,80)
```
#043d63
```
#043d63 rgb(4,61,99)
```
#044976
```
#044976 rgb(4,73,118)
```
#055589
```
#055589 rgb(5,85,137)
```
#06619c
```
#06619c rgb(6,97,156)
```
#066caf
```
#066caf rgb(6,108,175)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```
#0884d5
```
#0884d5 rgb(8,132,213)
```
#088fe8
```
#088fe8 rgb(8,143,232)
```

Shade Color Variation

#0e9af6
```
#0e9af6 rgb(14,154,246)
```
#20a2f7
```
#20a2f7 rgb(32,162,247)
```
#33aaf8
```
#33aaf8 rgb(51,170,248)
```
#46b2f8
```
#46b2f8 rgb(70,178,248)
```
#59baf9
```
#59baf9 rgb(89,186,249)
```
#6cc2fa
```
#6cc2fa rgb(108,194,250)
```
#7fcafa
```
#7fcafa rgb(127,202,250)
```
#92d2fb
```
#92d2fb rgb(146,210,251)
```
#a5d9fc
```
#a5d9fc rgb(165,217,252)
```
#b8e1fc
```
#b8e1fc rgb(184,225,252)
```
#cbe9fd
```
#cbe9fd rgb(203,233,253)
```
#def1fe
```
#def1fe rgb(222,241,254)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646565 is the less saturated color, while #0778c2 is the most saturated one.

#646565
```
#646565 rgb(100,101,101)
```
#5c666d
```
#5c666d rgb(92,102,109)
```
#546875
```
#546875 rgb(84,104,117)
```
#4d697c
```
#4d697c rgb(77,105,124)
```
#456b84
```
#456b84 rgb(69,107,132)
```
#3d6d8c
```
#3d6d8c rgb(61,109,140)
```
#356e94
```
#356e94 rgb(53,110,148)
```
#2e709b
```
#2e709b rgb(46,112,155)
```
#2672a3
```
#2672a3 rgb(38,114,163)
```
#1e73ab
```
#1e73ab rgb(30,115,171)
```
#1675b3
```
#1675b3 rgb(22,117,179)
```
#0f76ba
```
#0f76ba rgb(15,118,186)
```
#0778c2
```
#0778c2 rgb(7,120,194)
```

Tone Color Variation

Below, you can see how #0778c2 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.

Monochromacy

#5f5f5f Achromatopsia 0.005% of the population
#4d6473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c78c0 Protanopia 1% of men
#3e7cc6 Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#3d78c0 Protanomaly 1% of men, 0.01% of women
#2a7ac4 Deuteranomaly 6% of men, 0.4% of women
#0281a1 Tritanomaly 0.01% of the population

#0778c2 hex color

#0778c2 Color Information

#0778c2 Color Conversion

Color Schemes with #0778c2

Alternatives to #0778c2

#0778c2 Preview

Shades and Tints of #0778c2

Tones of #0778c2

Color Blindness Simulator