#77a8af hex color

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

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

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

The hexadecimal color #77a8af has RGB values of R:119, G:168, B:175 and CMYK values of C:0.32, M:0.04, Y:0, K:0.31. Its decimal value is 7841967.

Hex triplet	77a8af	`#77a8af`
RGB Decimal	119, 168, 175	`rgb(119,168,175)`
RGB Percent	46.7, 65.9, 68.6	`rgb(46.7%,65.9%,68.6%)`
CMYK	32, 4, 0, 31
HSL	187.5°, 25.9, 57.6	`hsl(187.5,25.9%,57.6%)`
HSV (or HSB)	187.5°, 32, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.765, -14.494, -8.844
XYZ	29.346, 35.021, 45.769
xyY	0.266, 0.318, 35.021
CIE-LCH	65.765, 16.979, 211.391
CIE-LUV	65.765, -24.11, -10.976
Hunter-Lab	59.179, -15.046, -4.43
Binary	01110111, 10101000, 10101111

#77a8af
```
#77a8af rgb(119,168,175)
```
#af7e77
```
#af7e77 rgb(175,126,119)
```

Complementary Color

#77af9a
```
#77af9a rgb(119,175,154)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#778caf
```
#778caf rgb(119,140,175)
```

Analogous Color

#af9a77
```
#af9a77 rgb(175,154,119)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#af778c
```
#af778c rgb(175,119,140)
```

Split Complementary Color

#a8af77
```
#a8af77 rgb(168,175,119)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#af77a8
```
#af77a8 rgb(175,119,168)
```

Triadic Color

#77af7e
```
#77af7e rgb(119,175,126)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#af77a8
```
#af77a8 rgb(175,119,168)
```
#af7e77
```
#af7e77 rgb(175,126,119)
```

Tetradic Color

#518289
```
#518289 rgb(81,130,137)
```
#5a9199
```
#5a9199 rgb(90,145,153)
```
#679ea6
```
#679ea6 rgb(103,158,166)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#87b2b8
```
#87b2b8 rgb(135,178,184)
```
#97bdc2
```
#97bdc2 rgb(151,189,194)
```
#a7c7cb
```
#a7c7cb rgb(167,199,203)
```

Monochromatic Color

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

#77afa8
```
#77afa8 rgb(119,175,168)
```
#77afad
```
#77afad rgb(119,175,173)
```
#77adaf
```
#77adaf rgb(119,173,175)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#77a3af
```
#77a3af rgb(119,163,175)
```
#779faf
```
#779faf rgb(119,159,175)
```
#779aaf
```
#779aaf rgb(119,154,175)
```

Similar Colors

Text with hexadecimal color #77a8af

This text has a font color of #77a8af.

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

#77a8af background color

This paragraph has a background color of #77a8af.

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

#77a8af border color

This element has a border color of #77a8af.

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

CSS codes

.text {color:#77a8af;}

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

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

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

#070c0c
```
#070c0c rgb(7,12,12)
```
#0e1719
```
#0e1719 rgb(14,23,25)
```
#162325
```
#162325 rgb(22,35,37)
```
#1d2f31
```
#1d2f31 rgb(29,47,49)
```
#243a3e
```
#243a3e rgb(36,58,62)
```
#2c464a
```
#2c464a rgb(44,70,74)
```
#335256
```
#335256 rgb(51,82,86)
```
#3a5e63
```
#3a5e63 rgb(58,94,99)
```
#41696f
```
#41696f rgb(65,105,111)
```
#49757b
```
#49757b rgb(73,117,123)
```
#508188
```
#508188 rgb(80,129,136)
```
#578c94
```
#578c94 rgb(87,140,148)
```
#5e98a0
```
#5e98a0 rgb(94,152,160)
```

Shade Color Variation

#6ba0a8
```
#6ba0a8 rgb(107,160,168)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#83b0b6
```
#83b0b6 rgb(131,176,182)
```
#90b8be
```
#90b8be rgb(144,184,190)
```
#9cc0c5
```
#9cc0c5 rgb(156,192,197)
```
#a8c8cc
```
#a8c8cc rgb(168,200,204)
```
#b5d0d3
```
#b5d0d3 rgb(181,208,211)
```
#c1d7db
```
#c1d7db rgb(193,215,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 #2ce0fa is the most saturated one.

#909596
```
#909596 rgb(144,149,150)
```
#889c9e
```
#889c9e rgb(136,156,158)
```
#7fa2a7
```
#7fa2a7 rgb(127,162,167)
```
#77a8af
```
#77a8af rgb(119,168,175)
```
#6faeb7
```
#6faeb7 rgb(111,174,183)
```
#66b4c0
```
#66b4c0 rgb(102,180,192)
```
#5ebbc8
```
#5ebbc8 rgb(94,187,200)
```
#56c1d0
```
#56c1d0 rgb(86,193,208)
```
#4dc7d9
```
#4dc7d9 rgb(77,199,217)
```
#45cde1
```
#45cde1 rgb(69,205,225)
```
#3dd4e9
```
#3dd4e9 rgb(61,212,233)
```
#35daf1
```
#35daf1 rgb(53,218,241)
```
#2ce0fa
```
#2ce0fa rgb(44,224,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#939d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a3ae Protanopia 1% of men
#aaa0b7 Deuteranopia 1% of men
#7fabb8 Tritanopia 0.001% of the population

Trichromacy

#93a5ae Protanomaly 1% of men, 0.01% of women
#98a3b4 Deuteranomaly 6% of men, 0.4% of women
#7caab4 Tritanomaly 0.01% of the population

#77a8af hex color

#77a8af Color Information

#77a8af Color Conversion

Color Schemes with #77a8af

Alternatives to #77a8af

#77a8af Preview

Shades and Tints of #77a8af

Tones of #77a8af

Color Blindness Simulator