#77b5af hex color

In a RGB color space, hex #77b5af is composed of 46.7% red, 71% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 3.3% yellow and 29% black. It has a hue angle of 174.2 degrees, a saturation of 29.5% and a lightness of 58.8%. #77b5af color hex could be obtained by blending #eeffff with #006b5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 47
- G 71
- B 69
RGB color chart
- C 34
- M 0
- Y 3
- K 29
CMYK color chart

● #77b5af color description : Slightly desaturated cyan.

The hexadecimal color #77b5af has RGB values of R:119, G:181, B:175 and CMYK values of C:0.34, M:0, Y:0.03, K:0.29. Its decimal value is 7845295.

Hex triplet	77b5af	`#77b5af`
RGB Decimal	119, 181, 175	`rgb(119,181,175)`
RGB Percent	46.7, 71, 68.6	`rgb(46.7%,71%,68.6%)`
CMYK	34, 0, 3, 29
HSL	174.2°, 29.5, 58.8	`hsl(174.2,29.5%,58.8%)`
HSV (or HSB)	174.2°, 34.3, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.515, -21.243, -3.291
XYZ	31.867, 40.063, 46.609
xyY	0.269, 0.338, 40.063
CIE-LCH	69.515, 21.496, 188.806
CIE-LUV	69.515, -29.696, -1.506
Hunter-Lab	63.296, -20.898, 0.648
Binary	01110111, 10110101, 10101111

#77b5af
```
#77b5af rgb(119,181,175)
```
#b5777d
```
#b5777d rgb(181,119,125)
```

Complementary Color

#77b590
```
#77b590 rgb(119,181,144)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#779cb5
```
#779cb5 rgb(119,156,181)
```

Analogous Color

#b59077
```
#b59077 rgb(181,144,119)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#b5779c
```
#b5779c rgb(181,119,156)
```

Split Complementary Color

#b5af77
```
#b5af77 rgb(181,175,119)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#af77b5
```
#af77b5 rgb(175,119,181)
```

Triadic Color

#7db577
```
#7db577 rgb(125,181,119)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#af77b5
```
#af77b5 rgb(175,119,181)
```
#b5777d
```
#b5777d rgb(181,119,125)
```

Tetradic Color

#4f918a
```
#4f918a rgb(79,145,138)
```
#58a19a
```
#58a19a rgb(88,161,154)
```
#66aca5
```
#66aca5 rgb(102,172,165)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#88beb9
```
#88beb9 rgb(136,190,185)
```
#98c7c2
```
#98c7c2 rgb(152,199,194)
```
#a9d0cc
```
#a9d0cc rgb(169,208,204)
```

Monochromatic Color

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

#77b5a0
```
#77b5a0 rgb(119,181,160)
```
#77b5a5
```
#77b5a5 rgb(119,181,165)
```
#77b5aa
```
#77b5aa rgb(119,181,170)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#77b5b4
```
#77b5b4 rgb(119,181,180)
```
#77b1b5
```
#77b1b5 rgb(119,177,181)
```
#77acb5
```
#77acb5 rgb(119,172,181)
```

Similar Colors

Text with hexadecimal color #77b5af

This text has a font color of #77b5af.

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

#77b5af background color

This paragraph has a background color of #77b5af.

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

#77b5af border color

This element has a border color of #77b5af.

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

CSS codes

.text {color:#77b5af;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091010
```
#091010 rgb(9,16,16)
```
#101d1c
```
#101d1c rgb(16,29,28)
```
#172a28
```
#172a28 rgb(23,42,40)
```
#1e3734
```
#1e3734 rgb(30,55,52)
```
#254340
```
#254340 rgb(37,67,64)
```
#2c504c
```
#2c504c rgb(44,80,76)
```
#325d59
```
#325d59 rgb(50,93,89)
```
#396965
```
#396965 rgb(57,105,101)
```
#407671
```
#407671 rgb(64,118,113)
```
#47837d
```
#47837d rgb(71,131,125)
```
#4e8f89
```
#4e8f89 rgb(78,143,137)
```
#559c95
```
#559c95 rgb(85,156,149)
```

Shade Color Variation

#5ea7a0
```
#5ea7a0 rgb(94,167,160)
```
#6aaea8
```
#6aaea8 rgb(106,174,168)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#84bcb6
```
#84bcb6 rgb(132,188,182)
```
#90c3be
```
#90c3be rgb(144,195,190)
```
#9dcac5
```
#9dcac5 rgb(157,202,197)
```
#aad1cd
```
#aad1cd rgb(170,209,205)
```
#b7d8d4
```
#b7d8d4 rgb(183,216,212)
```
#c3dedc
```
#c3dedc rgb(195,222,220)
```
#d0e5e3
```
#d0e5e3 rgb(208,229,227)
```
#ddeceb
```
#ddeceb rgb(221,236,235)
```
#e9f3f2
```
#e9f3f2 rgb(233,243,242)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#8f9d9b
```
#8f9d9b rgb(143,157,155)
```
#87a5a2
```
#87a5a2 rgb(135,165,162)
```
#7fada8
```
#7fada8 rgb(127,173,168)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#6fbdb6
```
#6fbdb6 rgb(111,189,182)
```
#67c5bc
```
#67c5bc rgb(103,197,188)
```
#5fcdc3
```
#5fcdc3 rgb(95,205,195)
```
#57d5c9
```
#57d5c9 rgb(87,213,201)
```
#4fddd0
```
#4fddd0 rgb(79,221,208)
```
#47e5d6
```
#47e5d6 rgb(71,229,214)
```
#3eeedd
```
#3eeedd rgb(62,238,221)
```
#36f6e3
```
#36f6e3 rgb(54,246,227)
```
#2efeea
```
#2efeea rgb(46,254,234)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#99a6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1adad Protanopia 1% of men
#b9a9b8 Deuteranopia 1% of men
#82b6c3 Tritanopia 0.001% of the population

Trichromacy

#9cb0ad Protanomaly 1% of men, 0.01% of women
#a1adb5 Deuteranomaly 6% of men, 0.4% of women
#7eb5bc Tritanomaly 0.01% of the population

#77b5af hex color

#77b5af Color Information

#77b5af Color Conversion

Color Schemes with #77b5af

Alternatives to #77b5af

#77b5af Preview

Shades and Tints of #77b5af

Tones of #77b5af

Color Blindness Simulator