#77c0bd hex color

In a RGB color space, hex #77c0bd is composed of 46.7% red, 75.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 0% magenta, 1.6% yellow and 24.7% black. It has a hue angle of 177.5 degrees, a saturation of 36.7% and a lightness of 61%. #77c0bd color hex could be obtained by blending #eeffff with #00817b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 75
- B 74
RGB color chart
- C 38
- M 0
- Y 2
- K 25
CMYK color chart

● #77c0bd color description : Slightly desaturated cyan.

The hexadecimal color #77c0bd has RGB values of R:119, G:192, B:189 and CMYK values of C:0.38, M:0, Y:0.02, K:0.25. Its decimal value is 7848125.

Hex triplet	77c0bd	`#77c0bd`
RGB Decimal	119, 192, 189	`rgb(119,192,189)`
RGB Percent	46.7, 75.3, 74.1	`rgb(46.7%,75.3%,74.1%)`
CMYK	38, 0, 2, 25
HSL	177.5°, 36.7, 61	`hsl(177.5,36.7%,61%)`
HSV (or HSB)	177.5°, 38, 75.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.085, -23.431, -5.692
XYZ	35.64, 45.293, 55.006
xyY	0.262, 0.333, 45.293
CIE-LCH	73.085, 24.113, 193.655
CIE-LUV	73.085, -34.061, -4.883
Hunter-Lab	67.3, -23.248, -1.348
Binary	01110111, 11000000, 10111101

#77c0bd
```
#77c0bd rgb(119,192,189)
```
#c0777a
```
#c0777a rgb(192,119,122)
```

Complementary Color

#77c099
```
#77c099 rgb(119,192,153)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#779fc0
```
#779fc0 rgb(119,159,192)
```

Analogous Color

#c09977
```
#c09977 rgb(192,153,119)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#c0779f
```
#c0779f rgb(192,119,159)
```

Split Complementary Color

#c0bd77
```
#c0bd77 rgb(192,189,119)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#bd77c0
```
#bd77c0 rgb(189,119,192)
```

Triadic Color

#7ac077
```
#7ac077 rgb(122,192,119)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#bd77c0
```
#bd77c0 rgb(189,119,192)
```
#c0777a
```
#c0777a rgb(192,119,122)
```

Tetradic Color

#4aa09d
```
#4aa09d rgb(74,160,157)
```
#54b0ac
```
#54b0ac rgb(84,176,172)
```
#66b8b5
```
#66b8b5 rgb(102,184,181)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#88c8c5
```
#88c8c5 rgb(136,200,197)
```
#9ad0ce
```
#9ad0ce rgb(154,208,206)
```
#abd8d6
```
#abd8d6 rgb(171,216,214)
```

Monochromatic Color

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

#77c0ab
```
#77c0ab rgb(119,192,171)
```
#77c0b1
```
#77c0b1 rgb(119,192,177)
```
#77c0b7
```
#77c0b7 rgb(119,192,183)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#77bdc0
```
#77bdc0 rgb(119,189,192)
```
#77b7c0
```
#77b7c0 rgb(119,183,192)
```
#77b1c0
```
#77b1c0 rgb(119,177,192)
```

Similar Colors

Text with hexadecimal color #77c0bd

This text has a font color of #77c0bd.

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

#77c0bd background color

This paragraph has a background color of #77c0bd.

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

#77c0bd border color

This element has a border color of #77c0bd.

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

CSS codes

.text {color:#77c0bd;}

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

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

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, #050b0b is the darkest color, while #fdfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#122625
```
#122625 rgb(18,38,37)
```
#183433
```
#183433 rgb(24,52,51)
```
#1e4140
```
#1e4140 rgb(30,65,64)
```
#244e4d
```
#244e4d rgb(36,78,77)
```
#2b5c5a
```
#2b5c5a rgb(43,92,90)
```
#316967
```
#316967 rgb(49,105,103)
```
#377774
```
#377774 rgb(55,119,116)
```
#3d8481
```
#3d8481 rgb(61,132,129)
```
#43928e
```
#43928e rgb(67,146,142)
```
#4a9f9b
```
#4a9f9b rgb(74,159,155)
```
#50aca9
```
#50aca9 rgb(80,172,169)
```

Shade Color Variation

#5cb4b0
```
#5cb4b0 rgb(92,180,176)
```
#6abab6
```
#6abab6 rgb(106,186,182)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#84c6c4
```
#84c6c4 rgb(132,198,196)
```
#92ccca
```
#92ccca rgb(146,204,202)
```
#9fd3d1
```
#9fd3d1 rgb(159,211,209)
```
#add9d7
```
#add9d7 rgb(173,217,215)
```
#badfde
```
#badfde rgb(186,223,222)
```
#c7e5e4
```
#c7e5e4 rgb(199,229,228)
```
#d5ebeb
```
#d5ebeb rgb(213,235,235)
```
#e2f2f1
```
#e2f2f1 rgb(226,242,241)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a1a1 is the less saturated color, while #3afdf5 is the most saturated one.

#96a1a1
```
#96a1a1 rgb(150,161,161)
```
#8ea9a8
```
#8ea9a8 rgb(142,169,168)
```
#86b1af
```
#86b1af rgb(134,177,175)
```
#7fb8b6
```
#7fb8b6 rgb(127,184,182)
```
#77c0bd
```
#77c0bd rgb(119,192,189)
```
#6fc8c4
```
#6fc8c4 rgb(111,200,196)
```
#68cfcb
```
#68cfcb rgb(104,207,203)
```
#60d7d2
```
#60d7d2 rgb(96,215,210)
```
#58dfd9
```
#58dfd9 rgb(88,223,217)
```
#51e6e0
```
#51e6e0 rgb(81,230,224)
```
#49eee7
```
#49eee7 rgb(73,238,231)
```
#41f6ee
```
#41f6ee rgb(65,246,238)
```
#3afdf5
```
#3afdf5 rgb(58,253,245)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a0aeae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6b9 Protanopia 1% of men
#c1b2c6 Deuteranopia 1% of men
#82c0ce Tritanopia 0.001% of the population

Trichromacy

#a1b9ba Protanomaly 1% of men, 0.01% of women
#a6b7c2 Deuteranomaly 6% of men, 0.4% of women
#7ec0c8 Tritanomaly 0.01% of the population

#77c0bd hex color

#77c0bd Color Information

#77c0bd Color Conversion

Color Schemes with #77c0bd

Alternatives to #77c0bd

#77c0bd Preview

Shades and Tints of #77c0bd

Tones of #77c0bd

Color Blindness Simulator