#77a6af hex color

In a RGB color space, hex #77a6af is composed of 46.7% red, 65.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 5.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 189.6 degrees, a saturation of 25.9% and a lightness of 57.6%. #77a6af color hex could be obtained by blending #eeffff with #004d5f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 65
- B 69
RGB color chart
- C 32
- M 5
- Y 0
- K 31
CMYK color chart

● #77a6af color description : Mostly desaturated dark cyan.

The hexadecimal color #77a6af has RGB values of R:119, G:166, B:175 and CMYK values of C:0.32, M:0.05, Y:0, K:0.31. Its decimal value is 7841455.

Hex triplet	77a6af	`#77a6af`
RGB Decimal	119, 166, 175	`rgb(119,166,175)`
RGB Percent	46.7, 65.1, 68.6	`rgb(46.7%,65.1%,68.6%)`
CMYK	32, 5, 0, 31
HSL	189.6°, 25.9, 57.6	`hsl(189.6,25.9%,57.6%)`
HSV (or HSB)	189.6°, 32, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.191, -13.431, -9.701
XYZ	28.98, 34.288, 45.646
xyY	0.266, 0.315, 34.288
CIE-LCH	65.191, 16.568, 215.84
CIE-LUV	65.191, -23.247, -12.444
Hunter-Lab	58.556, -14.132, -5.229
Binary	01110111, 10100110, 10101111

#77a6af
```
#77a6af rgb(119,166,175)
```
#af8077
```
#af8077 rgb(175,128,119)
```

Complementary Color

#77af9c
```
#77af9c rgb(119,175,156)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#778aaf
```
#778aaf rgb(119,138,175)
```

Analogous Color

#af9c77
```
#af9c77 rgb(175,156,119)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#af778a
```
#af778a rgb(175,119,138)
```

Split Complementary Color

#a6af77
```
#a6af77 rgb(166,175,119)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#af77a6
```
#af77a6 rgb(175,119,166)
```

Triadic Color

#77af80
```
#77af80 rgb(119,175,128)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#af77a6
```
#af77a6 rgb(175,119,166)
```
#af8077
```
#af8077 rgb(175,128,119)
```

Tetradic Color

#518089
```
#518089 rgb(81,128,137)
```
#5a8f99
```
#5a8f99 rgb(90,143,153)
```
#679ba6
```
#679ba6 rgb(103,155,166)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#87b1b8
```
#87b1b8 rgb(135,177,184)
```
#97bbc2
```
#97bbc2 rgb(151,187,194)
```
#a7c6cb
```
#a7c6cb rgb(167,198,203)
```

Monochromatic Color

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

#77afaa
```
#77afaa rgb(119,175,170)
```
#77afaf
```
#77afaf rgb(119,175,175)
```
#77abaf
```
#77abaf rgb(119,171,175)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#77a1af
```
#77a1af rgb(119,161,175)
```
#779daf
```
#779daf rgb(119,157,175)
```
#7798af
```
#7798af rgb(119,152,175)
```

Similar Colors

Text with hexadecimal color #77a6af

This text has a font color of #77a6af.

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

#77a6af background color

This paragraph has a background color of #77a6af.

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

#77a6af border color

This element has a border color of #77a6af.

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

CSS codes

.text {color:#77a6af;}

.background {background-color:#77a6af;}

.border {border:1px solid #77a6af;}

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, #070b0c is the darkest color, while #ffffff is the lightest one.

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1719
```
#0e1719 rgb(14,23,25)
```
#162225
```
#162225 rgb(22,34,37)
```
#1d2e31
```
#1d2e31 rgb(29,46,49)
```
#243a3e
```
#243a3e rgb(36,58,62)
```
#2c454a
```
#2c454a rgb(44,69,74)
```
#335156
```
#335156 rgb(51,81,86)
```
#3a5c63
```
#3a5c63 rgb(58,92,99)
```
#41686f
```
#41686f rgb(65,104,111)
```
#49737b
```
#49737b rgb(73,115,123)
```
#507f88
```
#507f88 rgb(80,127,136)
```
#578a94
```
#578a94 rgb(87,138,148)
```
#5e96a0
```
#5e96a0 rgb(94,150,160)
```

Shade Color Variation

#6b9ea8
```
#6b9ea8 rgb(107,158,168)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#83aeb6
```
#83aeb6 rgb(131,174,182)
```
#90b6be
```
#90b6be rgb(144,182,190)
```
#9cbec5
```
#9cbec5 rgb(156,190,197)
```
#a8c6cc
```
#a8c6cc rgb(168,198,204)
```
#b5ced3
```
#b5ced3 rgb(181,206,211)
```
#c1d6db
```
#c1d6db rgb(193,214,219)
```
#cddfe2
```
#cddfe2 rgb(205,223,226)
```
#dae7e9
```
#dae7e9 rgb(218,231,233)
```
#e6eff0
```
#e6eff0 rgb(230,239,240)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#909596
```
#909596 rgb(144,149,150)
```
#889b9e
```
#889b9e rgb(136,155,158)
```
#7fa0a7
```
#7fa0a7 rgb(127,160,167)
```
#77a6af
```
#77a6af rgb(119,166,175)
```
#6facb7
```
#6facb7 rgb(111,172,183)
```
#66b1c0
```
#66b1c0 rgb(102,177,192)
```
#5eb7c8
```
#5eb7c8 rgb(94,183,200)
```
#56bdd0
```
#56bdd0 rgb(86,189,208)
```
#4dc2d9
```
#4dc2d9 rgb(77,194,217)
```
#45c8e1
```
#45c8e1 rgb(69,200,225)
```
#3dcde9
```
#3dcde9 rgb(61,205,233)
```
#35d3f1
```
#35d3f1 rgb(53,211,241)
```
#2cd9fa
```
#2cd9fa rgb(44,217,250)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#929c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a2ae Protanopia 1% of men
#a89fb7 Deuteranopia 1% of men
#7faab6 Tritanopia 0.001% of the population

Trichromacy

#92a3ae Protanomaly 1% of men, 0.01% of women
#96a1b4 Deuteranomaly 6% of men, 0.4% of women
#7ca8b3 Tritanomaly 0.01% of the population

#77a6af hex color

#77a6af Color Information

#77a6af Color Conversion

Color Schemes with #77a6af

Alternatives to #77a6af

#77a6af Preview

Shades and Tints of #77a6af

Tones of #77a6af

Color Blindness Simulator