#0778a0 hex color

In a RGB color space, hex #0778a0 is composed of 2.7% red, 47.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 25% magenta, 0% yellow and 37.3% black. It has a hue angle of 195.7 degrees, a saturation of 91.6% and a lightness of 32.7%. #0778a0 color hex could be obtained by blending #0ef0ff with #000041. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 3
- G 47
- B 63
RGB color chart
- C 96
- M 25
- Y 0
- K 37
CMYK color chart

● #0778a0 color description : Dark blue.

The hexadecimal color #0778a0 has RGB values of R:7, G:120, B:160 and CMYK values of C:0.96, M:0.25, Y:0, K:0.37. Its decimal value is 489632.

Hex triplet	0778a0	`#0778a0`
RGB Decimal	7, 120, 160	`rgb(7,120,160)`
RGB Percent	2.7, 47.1, 62.7	`rgb(2.7%,47.1%,62.7%)`
CMYK	96, 25, 0, 37
HSL	195.7°, 91.6, 32.7	`hsl(195.7,91.6%,32.7%)`
HSV (or HSB)	195.7°, 95.6, 62.7
Web Safe	006699	`#006699`

CIE-LAB	46.994, -12.939, -29.242
XYZ	13.148, 16.015, 35.654
xyY	0.203, 0.247, 16.015
CIE-LCH	46.994, 31.976, 246.131
CIE-LUV	46.994, -31.701, -41.747
Hunter-Lab	40.019, -11.389, -24.811
Binary	00000111, 01111000, 10100000

#0778a0
```
#0778a0 rgb(7,120,160)
```
#a02f07
```
#a02f07 rgb(160,47,7)
```

Complementary Color

#07a07c
```
#07a07c rgb(7,160,124)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#072ca0
```
#072ca0 rgb(7,44,160)
```

Analogous Color

#a07c07
```
#a07c07 rgb(160,124,7)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#a0072c
```
#a0072c rgb(160,7,44)
```

Split Complementary Color

#78a007
```
#78a007 rgb(120,160,7)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#a00778
```
#a00778 rgb(160,7,120)
```

Triadic Color

#07a02f
```
#07a02f rgb(7,160,47)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#a00778
```
#a00778 rgb(160,7,120)
```
#a02f07
```
#a02f07 rgb(160,47,7)
```

Tetradic Color

#044157
```
#044157 rgb(4,65,87)
```
#05536f
```
#05536f rgb(5,83,111)
```
#066688
```
#066688 rgb(6,102,136)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#088ab8
```
#088ab8 rgb(8,138,184)
```
#099dd1
```
#099dd1 rgb(9,157,209)
```
#0aafe9
```
#0aafe9 rgb(10,175,233)
```

Monochromatic Color

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

#079ea0
```
#079ea0 rgb(7,158,160)
```
#0792a0
```
#0792a0 rgb(7,146,160)
```
#0785a0
```
#0785a0 rgb(7,133,160)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#076ba0
```
#076ba0 rgb(7,107,160)
```
#075ea0
```
#075ea0 rgb(7,94,160)
```
#0752a0
```
#0752a0 rgb(7,82,160)
```

Similar Colors

Text with hexadecimal color #0778a0

This text has a font color of #0778a0.

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

#0778a0 background color

This paragraph has a background color of #0778a0.

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

#0778a0 border color

This element has a border color of #0778a0.

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

CSS codes

.text {color:#0778a0;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151c
```
#01151c rgb(1,21,28)
```
#02232f
```
#02232f rgb(2,35,47)
```
#033242
```
#033242 rgb(3,50,66)
```
#044055
```
#044055 rgb(4,64,85)
```
#054e68
```
#054e68 rgb(5,78,104)
```
#055c7a
```
#055c7a rgb(5,92,122)
```
#066a8d
```
#066a8d rgb(6,106,141)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#0886b3
```
#0886b3 rgb(8,134,179)
```
#0994c6
```
#0994c6 rgb(9,148,198)
```
#09a2d8
```
#09a2d8 rgb(9,162,216)
```
#0ab0eb
```
#0ab0eb rgb(10,176,235)
```

Shade Color Variation

#14baf5
```
#14baf5 rgb(20,186,245)
```
#27c0f6
```
#27c0f6 rgb(39,192,246)
```
#3ac5f6
```
#3ac5f6 rgb(58,197,246)
```
#4dcbf7
```
#4dcbf7 rgb(77,203,247)
```
#60d0f8
```
#60d0f8 rgb(96,208,248)
```
#72d6f9
```
#72d6f9 rgb(114,214,249)
```
#85dbfa
```
#85dbfa rgb(133,219,250)
```
#98e1fa
```
#98e1fa rgb(152,225,250)
```
#abe6fb
```
#abe6fb rgb(171,230,251)
```
#bdecfc
```
#bdecfc rgb(189,236,252)
```
#d0f1fd
```
#d0f1fd rgb(208,241,253)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5659 is the less saturated color, while #017ba6 is the most saturated one.

#4e5659
```
#4e5659 rgb(78,86,89)
```
#475960
```
#475960 rgb(71,89,96)
```
#415c66
```
#415c66 rgb(65,92,102)
```
#3a5f6d
```
#3a5f6d rgb(58,95,109)
```
#346373
```
#346373 rgb(52,99,115)
```
#2e6679
```
#2e6679 rgb(46,102,121)
```
#276980
```
#276980 rgb(39,105,128)
```
#216c86
```
#216c86 rgb(33,108,134)
```
#1a6f8d
```
#1a6f8d rgb(26,111,141)
```
#147293
```
#147293 rgb(20,114,147)
```
#0d759a
```
#0d759a rgb(13,117,154)
```
#0778a0
```
#0778a0 rgb(7,120,160)
```
#017ba6
```
#017ba6 rgb(1,123,166)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4a6169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a759e Protanopia 1% of men
#6076a8 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#46769e Protanomaly 1% of men, 0.01% of women
#3f76a5 Deuteranomaly 6% of men, 0.4% of women
#027e92 Tritanomaly 0.01% of the population

#0778a0 hex color

#0778a0 Color Information

#0778a0 Color Conversion

Color Schemes with #0778a0

Alternatives to #0778a0

#0778a0 Preview

Shades and Tints of #0778a0

Tones of #0778a0

Color Blindness Simulator