#77b5b2 hex color

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

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

● #77b5b2 color description : Slightly desaturated cyan.

The hexadecimal color #77b5b2 has RGB values of R:119, G:181, B:178 and CMYK values of C:0.34, M:0, Y:0.02, K:0.29. Its decimal value is 7845298.

Hex triplet	77b5b2	`#77b5b2`
RGB Decimal	119, 181, 178	`rgb(119,181,178)`
RGB Percent	46.7, 71, 69.8	`rgb(46.7%,71%,69.8%)`
CMYK	34, 0, 2, 29
HSL	177.1°, 29.5, 58.8	`hsl(177.1,29.5%,58.8%)`
HSV (or HSB)	177.1°, 34.3, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.599, -20.529, -4.818
XYZ	32.165, 40.182, 48.178
xyY	0.267, 0.333, 40.182
CIE-LCH	69.599, 21.087, 193.208
CIE-LUV	69.599, -29.65, -3.943
Hunter-Lab	63.39, -20.357, -0.69
Binary	01110111, 10110101, 10110010

#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#b5777a
```
#b5777a rgb(181,119,122)
```

Complementary Color

#77b593
```
#77b593 rgb(119,181,147)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#7799b5
```
#7799b5 rgb(119,153,181)
```

Analogous Color

#b59377
```
#b59377 rgb(181,147,119)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#b57799
```
#b57799 rgb(181,119,153)
```

Split Complementary Color

#b5b277
```
#b5b277 rgb(181,178,119)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#b277b5
```
#b277b5 rgb(178,119,181)
```

Triadic Color

#7ab577
```
#7ab577 rgb(122,181,119)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#b277b5
```
#b277b5 rgb(178,119,181)
```
#b5777a
```
#b5777a rgb(181,119,122)
```

Tetradic Color

#4f918e
```
#4f918e rgb(79,145,142)
```
#58a19e
```
#58a19e rgb(88,161,158)
```
#66aca9
```
#66aca9 rgb(102,172,169)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#88bebb
```
#88bebb rgb(136,190,187)
```
#98c7c5
```
#98c7c5 rgb(152,199,197)
```
#a9d0ce
```
#a9d0ce rgb(169,208,206)
```

Monochromatic Color

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

#77b5a3
```
#77b5a3 rgb(119,181,163)
```
#77b5a8
```
#77b5a8 rgb(119,181,168)
```
#77b5ad
```
#77b5ad rgb(119,181,173)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#77b3b5
```
#77b3b5 rgb(119,179,181)
```
#77aeb5
```
#77aeb5 rgb(119,174,181)
```
#77a9b5
```
#77a9b5 rgb(119,169,181)
```

Similar Colors

Text with hexadecimal color #77b5b2

This text has a font color of #77b5b2.

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

#77b5b2 background color

This paragraph has a background color of #77b5b2.

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

#77b5b2 border color

This element has a border color of #77b5b2.

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

CSS codes

.text {color:#77b5b2;}

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

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

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)
```
#101d1d
```
#101d1d rgb(16,29,29)
```
#172a29
```
#172a29 rgb(23,42,41)
```
#1e3735
```
#1e3735 rgb(30,55,53)
```
#254342
```
#254342 rgb(37,67,66)
```
#2c504e
```
#2c504e rgb(44,80,78)
```
#325d5b
```
#325d5b rgb(50,93,91)
```
#396967
```
#396967 rgb(57,105,103)
```
#407673
```
#407673 rgb(64,118,115)
```
#478380
```
#478380 rgb(71,131,128)
```
#4e8f8c
```
#4e8f8c rgb(78,143,140)
```
#559c99
```
#559c99 rgb(85,156,153)
```

Shade Color Variation

#5ea7a4
```
#5ea7a4 rgb(94,167,164)
```
#6aaeab
```
#6aaeab rgb(106,174,171)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#84bcb9
```
#84bcb9 rgb(132,188,185)
```
#90c3c0
```
#90c3c0 rgb(144,195,192)
```
#9dcac8
```
#9dcac8 rgb(157,202,200)
```
#aad1cf
```
#aad1cf rgb(170,209,207)
```
#b7d8d6
```
#b7d8d6 rgb(183,216,214)
```
#c3dedd
```
#c3dedd rgb(195,222,221)
```
#d0e5e4
```
#d0e5e4 rgb(208,229,228)
```
#ddecec
```
#ddecec rgb(221,236,236)
```
#e9f3f3
```
#e9f3f3 rgb(233,243,243)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#8f9d9c
```
#8f9d9c rgb(143,157,156)
```
#87a5a3
```
#87a5a3 rgb(135,165,163)
```
#7fadab
```
#7fadab rgb(127,173,171)
```
#77b5b2
```
#77b5b2 rgb(119,181,178)
```
#6fbdb9
```
#6fbdb9 rgb(111,189,185)
```
#67c5c1
```
#67c5c1 rgb(103,197,193)
```
#5fcdc8
```
#5fcdc8 rgb(95,205,200)
```
#57d5cf
```
#57d5cf rgb(87,213,207)
```
#4fddd6
```
#4fddd6 rgb(79,221,214)
```
#47e5de
```
#47e5de rgb(71,229,222)
```
#3eeee5
```
#3eeee5 rgb(62,238,229)
```
#36f6ec
```
#36f6ec rgb(54,246,236)
```
#2efef4
```
#2efef4 rgb(46,254,244)
```

Tone Color Variation

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

#b0adaf Protanopia 1% of men
#b8a9bb Deuteranopia 1% of men
#82b6c3 Tritanopia 0.001% of the population

Trichromacy

#9bb0b0 Protanomaly 1% of men, 0.01% of women
#a0adb7 Deuteranomaly 6% of men, 0.4% of women
#7eb6bd Tritanomaly 0.01% of the population

#77b5b2 hex color

#77b5b2 Color Information

#77b5b2 Color Conversion

Color Schemes with #77b5b2

Alternatives to #77b5b2

#77b5b2 Preview

Shades and Tints of #77b5b2

Tones of #77b5b2

Color Blindness Simulator