#056778 hex color

In a RGB color space, hex #056778 is composed of 2% red, 40.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 14.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 188.9 degrees, a saturation of 92% and a lightness of 24.5%. #056778 color hex could be obtained by blending #0acef0 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 40
- B 47
RGB color chart
- C 96
- M 14
- Y 0
- K 53
CMYK color chart

● #056778 color description : Dark cyan.

The hexadecimal color #056778 has RGB values of R:5, G:103, B:120 and CMYK values of C:0.96, M:0.14, Y:0, K:0.53. Its decimal value is 354168.

Hex triplet	056778	`#056778`
RGB Decimal	5, 103, 120	`rgb(5,103,120)`
RGB Percent	2, 40.4, 47.1	`rgb(2%,40.4%,47.1%)`
CMYK	96, 14, 0, 53
HSL	188.9°, 92, 24.5	`hsl(188.9,92%,24.5%)`
HSV (or HSB)	188.9°, 95.8, 47.1
Web Safe	006666	`#006666`

CIE-LAB	39.728, -18.362, -16.595
XYZ	8.302, 11.088, 19.471
xyY	0.214, 0.285, 11.088
CIE-LCH	39.728, 24.75, 222.106
CIE-LUV	39.728, -28.58, -20.715
Hunter-Lab	33.299, -13.769, -11.36
Binary	00000101, 01100111, 01111000

#056778
```
#056778 rgb(5,103,120)
```
#781605
```
#781605 rgb(120,22,5)
```

Complementary Color

#05784f
```
#05784f rgb(5,120,79)
```
#056778
```
#056778 rgb(5,103,120)
```
#052e78
```
#052e78 rgb(5,46,120)
```

Analogous Color

#784f05
```
#784f05 rgb(120,79,5)
```
#056778
```
#056778 rgb(5,103,120)
```
#78052e
```
#78052e rgb(120,5,46)
```

Split Complementary Color

#677805
```
#677805 rgb(103,120,5)
```
#056778
```
#056778 rgb(5,103,120)
```
#780567
```
#780567 rgb(120,5,103)
```

Triadic Color

#057816
```
#057816 rgb(5,120,22)
```
#056778
```
#056778 rgb(5,103,120)
```
#780567
```
#780567 rgb(120,5,103)
```
#781605
```
#781605 rgb(120,22,5)
```

Tetradic Color

#02282f
```
#02282f rgb(2,40,47)
```
#033d47
```
#033d47 rgb(3,61,71)
```
#045260
```
#045260 rgb(4,82,96)
```
#056778
```
#056778 rgb(5,103,120)
```
#067c90
```
#067c90 rgb(6,124,144)
```
#0791a9
```
#0791a9 rgb(7,145,169)
```
#08a6c1
```
#08a6c1 rgb(8,166,193)
```

Monochromatic Color

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

#05786c
```
#05786c rgb(5,120,108)
```
#057876
```
#057876 rgb(5,120,118)
```
#057178
```
#057178 rgb(5,113,120)
```
#056778
```
#056778 rgb(5,103,120)
```
#055d78
```
#055d78 rgb(5,93,120)
```
#055478
```
#055478 rgb(5,84,120)
```
#054a78
```
#054a78 rgb(5,74,120)
```

Similar Colors

Text with hexadecimal color #056778

This text has a font color of #056778.

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

#056778 background color

This paragraph has a background color of #056778.

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

#056778 border color

This element has a border color of #056778.

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

CSS codes

.text {color:#056778;}

.background {background-color:#056778;}

.border {border:1px solid #056778;}

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

#000607
```
#000607 rgb(0,6,7)
```
#01161a
```
#01161a rgb(1,22,26)
```
#02262d
```
#02262d rgb(2,38,45)
```
#033740
```
#033740 rgb(3,55,64)
```
#034752
```
#034752 rgb(3,71,82)
```
#045765
```
#045765 rgb(4,87,101)
```
#056778
```
#056778 rgb(5,103,120)
```
#06778b
```
#06778b rgb(6,119,139)
```
#07879e
```
#07879e rgb(7,135,158)
```
#0797b0
```
#0797b0 rgb(7,151,176)
```
#08a8c3
```
#08a8c3 rgb(8,168,195)
```
#09b8d6
```
#09b8d6 rgb(9,184,214)
```
#0ac8e9
```
#0ac8e9 rgb(10,200,233)
```

Shade Color Variation

#11d3f5
```
#11d3f5 rgb(17,211,245)
```
#24d7f6
```
#24d7f6 rgb(36,215,246)
```
#37daf7
```
#37daf7 rgb(55,218,247)
```
#4adef7
```
#4adef7 rgb(74,222,247)
```
#5de1f8
```
#5de1f8 rgb(93,225,248)
```
#6fe5f9
```
#6fe5f9 rgb(111,229,249)
```
#82e8fa
```
#82e8fa rgb(130,232,250)
```
#95ecfb
```
#95ecfb rgb(149,236,251)
```
#a8effb
```
#a8effb rgb(168,239,251)
```
#bbf2fc
```
#bbf2fc rgb(187,242,252)
```
#cef6fd
```
#cef6fd rgb(206,246,253)
```
#e0f9fe
```
#e0f9fe rgb(224,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a4243 is the less saturated color, while #006a7d is the most saturated one.

#3a4243
```
#3a4243 rgb(58,66,67)
```
#354548
```
#354548 rgb(53,69,72)
```
#30494d
```
#30494d rgb(48,73,77)
```
#2b4c52
```
#2b4c52 rgb(43,76,82)
```
#274f56
```
#274f56 rgb(39,79,86)
```
#22535b
```
#22535b rgb(34,83,91)
```
#1d5660
```
#1d5660 rgb(29,86,96)
```
#185965
```
#185965 rgb(24,89,101)
```
#135d6a
```
#135d6a rgb(19,93,106)
```
#0f606e
```
#0f606e rgb(15,96,110)
```
#0a6473
```
#0a6473 rgb(10,100,115)
```
#056778
```
#056778 rgb(5,103,120)
```
#006a7d
```
#006a7d rgb(0,106,125)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3e5155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616578 Protanopia 1% of men
#5e6483 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3f6578 Protanomaly 1% of men, 0.01% of women
#3e657f Deuteranomaly 6% of men, 0.4% of women
#016c77 Tritanomaly 0.01% of the population

#056778 hex color

#056778 Color Information

#056778 Color Conversion

Color Schemes with #056778

Alternatives to #056778

#056778 Preview

Shades and Tints of #056778

Tones of #056778

Color Blindness Simulator