#56777a hex color

In a RGB color space, hex #56777a is composed of 33.7% red, 46.7% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 2.5% magenta, 0% yellow and 52.2% black. It has a hue angle of 185 degrees, a saturation of 17.3% and a lightness of 40.8%. #56777a color hex could be obtained by blending #aceef4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 47
- B 48
RGB color chart
- C 30
- M 2
- Y 0
- K 52
CMYK color chart

● #56777a color description : Mostly desaturated dark cyan.

The hexadecimal color #56777a has RGB values of R:86, G:119, B:122 and CMYK values of C:0.3, M:0.02, Y:0, K:0.52. Its decimal value is 5666682.

Hex triplet	56777a	`#56777a`
RGB Decimal	86, 119, 122	`rgb(86,119,122)`
RGB Percent	33.7, 46.7, 47.8	`rgb(33.7%,46.7%,47.8%)`
CMYK	30, 2, 0, 52
HSL	185°, 17.3, 40.8	`hsl(185,17.3%,40.8%)`
HSV (or HSB)	185°, 29.5, 47.8
Web Safe	666666	`#666666`

CIE-LAB	47.722, -10.943, -5.46
XYZ	13.947, 16.577, 20.876
xyY	0.271, 0.323, 16.577
CIE-LCH	47.722, 12.229, 206.517
CIE-LUV	47.722, -16.322, -5.96
Hunter-Lab	40.714, -10.106, -1.9
Binary	01010110, 01110111, 01111010

#56777a
```
#56777a rgb(86,119,122)
```
#7a5956
```
#7a5956 rgb(122,89,86)
```

Complementary Color

#567a6b
```
#567a6b rgb(86,122,107)
```
#56777a
```
#56777a rgb(86,119,122)
```
#56657a
```
#56657a rgb(86,101,122)
```

Analogous Color

#7a6b56
```
#7a6b56 rgb(122,107,86)
```
#56777a
```
#56777a rgb(86,119,122)
```
#7a5665
```
#7a5665 rgb(122,86,101)
```

Split Complementary Color

#777a56
```
#777a56 rgb(119,122,86)
```
#56777a
```
#56777a rgb(86,119,122)
```
#7a5677
```
#7a5677 rgb(122,86,119)
```

Triadic Color

#567a59
```
#567a59 rgb(86,122,89)
```
#56777a
```
#56777a rgb(86,119,122)
```
#7a5677
```
#7a5677 rgb(122,86,119)
```
#7a5956
```
#7a5956 rgb(122,89,86)
```

Tetradic Color

#364b4d
```
#364b4d rgb(54,75,77)
```
#415a5c
```
#415a5c rgb(65,90,92)
```
#4b686b
```
#4b686b rgb(75,104,107)
```
#56777a
```
#56777a rgb(86,119,122)
```
#618689
```
#618689 rgb(97,134,137)
```
#6c9497
```
#6c9497 rgb(108,148,151)
```
#7b9fa2
```
#7b9fa2 rgb(123,159,162)
```

Monochromatic Color

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

#567a74
```
#567a74 rgb(86,122,116)
```
#567a77
```
#567a77 rgb(86,122,119)
```
#567a7a
```
#567a7a rgb(86,122,122)
```
#56777a
```
#56777a rgb(86,119,122)
```
#56747a
```
#56747a rgb(86,116,122)
```
#56717a
```
#56717a rgb(86,113,122)
```
#566e7a
```
#566e7a rgb(86,110,122)
```

Similar Colors

Text with hexadecimal color #56777a

This text has a font color of #56777a.

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

#56777a background color

This paragraph has a background color of #56777a.

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

#56777a border color

This element has a border color of #56777a.

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

CSS codes

.text {color:#56777a;}

.background {background-color:#56777a;}

.border {border:1px solid #56777a;}

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1212
```
#0d1212 rgb(13,18,18)
```
#151d1e
```
#151d1e rgb(21,29,30)
```
#1d2829
```
#1d2829 rgb(29,40,41)
```
#253435
```
#253435 rgb(37,52,53)
```
#2d3f40
```
#2d3f40 rgb(45,63,64)
```
#364a4c
```
#364a4c rgb(54,74,76)
```
#3e5557
```
#3e5557 rgb(62,85,87)
```
#466163
```
#466163 rgb(70,97,99)
```
#4e6c6e
```
#4e6c6e rgb(78,108,110)
```
#56777a
```
#56777a rgb(86,119,122)
```
#5e8286
```
#5e8286 rgb(94,130,134)
```
#668d91
```
#668d91 rgb(102,141,145)
```

Shade Color Variation

#70979a
```
#70979a rgb(112,151,154)
```
#7c9fa3
```
#7c9fa3 rgb(124,159,163)
```
#87a8ab
```
#87a8ab rgb(135,168,171)
```
#93b0b3
```
#93b0b3 rgb(147,176,179)
```
#9eb9bb
```
#9eb9bb rgb(158,185,187)
```
#aac1c3
```
#aac1c3 rgb(170,193,195)
```
#b5c9cb
```
#b5c9cb rgb(181,201,203)
```
#c1d2d3
```
#c1d2d3 rgb(193,210,211)
```
#ccdadb
```
#ccdadb rgb(204,218,219)
```
#d8e2e3
```
#d8e2e3 rgb(216,226,227)
```
#e3ebec
```
#e3ebec rgb(227,235,236)
```
#eff3f4
```
#eff3f4 rgb(239,243,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a6a is the less saturated color, while #06baca is the most saturated one.

#666a6a
```
#666a6a rgb(102,106,106)
```
#5e7072
```
#5e7072 rgb(94,112,114)
```
#56777a
```
#56777a rgb(86,119,122)
```
#4e7e82
```
#4e7e82 rgb(78,126,130)
```
#46848a
```
#46848a rgb(70,132,138)
```
#3e8b92
```
#3e8b92 rgb(62,139,146)
```
#36929a
```
#36929a rgb(54,146,154)
```
#2e98a2
```
#2e98a2 rgb(46,152,162)
```
#269faa
```
#269faa rgb(38,159,170)
```
#1ea6b2
```
#1ea6b2 rgb(30,166,178)
```
#16acba
```
#16acba rgb(22,172,186)
```
#0eb3c2
```
#0eb3c2 rgb(14,179,194)
```
#06baca
```
#06baca rgb(6,186,202)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79777d Protanopia 1% of men
#7e7583 Deuteranopia 1% of men
#607d86 Tritanopia 0.001% of the population

Trichromacy

#6c777c Protanomaly 1% of men, 0.01% of women
#6f7680 Deuteranomaly 6% of men, 0.4% of women
#5c7a81 Tritanomaly 0.01% of the population

#56777a hex color

#56777a Color Information

#56777a Color Conversion

Color Schemes with #56777a

Alternatives to #56777a

#56777a Preview

Shades and Tints of #56777a

Tones of #56777a

Color Blindness Simulator