#77b4bd hex color

In a RGB color space, hex #77b4bd is composed of 46.7% red, 70.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 4.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 187.7 degrees, a saturation of 34.7% and a lightness of 60.4%. #77b4bd color hex could be obtained by blending #eeffff with #00697b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 71
- B 74
RGB color chart
- C 37
- M 5
- Y 0
- K 26
CMYK color chart

● #77b4bd color description : Slightly desaturated cyan.

The hexadecimal color #77b4bd has RGB values of R:119, G:180, B:189 and CMYK values of C:0.37, M:0.05, Y:0, K:0.26. Its decimal value is 7845053.

Hex triplet	77b4bd	`#77b4bd`
RGB Decimal	119, 180, 189	`rgb(119,180,189)`
RGB Percent	46.7, 70.6, 74.1	`rgb(46.7%,70.6%,74.1%)`
CMYK	37, 5, 0, 26
HSL	187.7°, 34.7, 60.4	`hsl(187.7,34.7%,60.4%)`
HSV (or HSB)	187.7°, 37, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.638, -17.311, -10.817
XYZ	33.112, 40.237, 54.163
xyY	0.26, 0.316, 40.237
CIE-LCH	69.638, 20.412, 212.001
CIE-LUV	69.638, -29.064, -13.753
Hunter-Lab	63.433, -17.83, -6.223
Binary	01110111, 10110100, 10111101

#77b4bd
```
#77b4bd rgb(119,180,189)
```
#bd8077
```
#bd8077 rgb(189,128,119)
```

Complementary Color

#77bda3
```
#77bda3 rgb(119,189,163)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#7791bd
```
#7791bd rgb(119,145,189)
```

Analogous Color

#bda377
```
#bda377 rgb(189,163,119)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#bd7791
```
#bd7791 rgb(189,119,145)
```

Split Complementary Color

#b4bd77
```
#b4bd77 rgb(180,189,119)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#bd77b4
```
#bd77b4 rgb(189,119,180)
```

Triadic Color

#77bd80
```
#77bd80 rgb(119,189,128)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#bd77b4
```
#bd77b4 rgb(189,119,180)
```
#bd8077
```
#bd8077 rgb(189,128,119)
```

Tetradic Color

#4c929c
```
#4c929c rgb(76,146,156)
```
#55a1ac
```
#55a1ac rgb(85,161,172)
```
#66abb5
```
#66abb5 rgb(102,171,181)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#88bdc5
```
#88bdc5 rgb(136,189,197)
```
#99c7ce
```
#99c7ce rgb(153,199,206)
```
#abd0d6
```
#abd0d6 rgb(171,208,214)
```

Monochromatic Color

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

#77bdb5
```
#77bdb5 rgb(119,189,181)
```
#77bdba
```
#77bdba rgb(119,189,186)
```
#77babd
```
#77babd rgb(119,186,189)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#77aebd
```
#77aebd rgb(119,174,189)
```
#77a8bd
```
#77a8bd rgb(119,168,189)
```
#77a3bd
```
#77a3bd rgb(119,163,189)
```

Similar Colors

Text with hexadecimal color #77b4bd

This text has a font color of #77b4bd.

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

#77b4bd background color

This paragraph has a background color of #77b4bd.

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

#77b4bd border color

This element has a border color of #77b4bd.

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

CSS codes

.text {color:#77b4bd;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0b1516
```
#0b1516 rgb(11,21,22)
```
#112124
```
#112124 rgb(17,33,36)
```
#182e31
```
#182e31 rgb(24,46,49)
```
#1e3a3e
```
#1e3a3e rgb(30,58,62)
```
#25464b
```
#25464b rgb(37,70,75)
```
#2b5359
```
#2b5359 rgb(43,83,89)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#386b73
```
#386b73 rgb(56,107,115)
```
#3e7880
```
#3e7880 rgb(62,120,128)
```
#45848d
```
#45848d rgb(69,132,141)
```
#4b909b
```
#4b909b rgb(75,144,155)
```
#519da8
```
#519da8 rgb(81,157,168)
```

Shade Color Variation

#5da5b0
```
#5da5b0 rgb(93,165,176)
```
#6aadb7
```
#6aadb7 rgb(106,173,183)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#84bbc3
```
#84bbc3 rgb(132,187,195)
```
#91c3ca
```
#91c3ca rgb(145,195,202)
```
#9fcad0
```
#9fcad0 rgb(159,202,208)
```
#acd1d7
```
#acd1d7 rgb(172,209,215)
```
#b9d8dd
```
#b9d8dd rgb(185,216,221)
```
#c6e0e3
```
#c6e0e3 rgb(198,224,227)
```
#d3e7ea
```
#d3e7ea rgb(211,231,234)
```
#e1eef0
```
#e1eef0 rgb(225,238,240)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969d9e is the less saturated color, while #39e2fb is the most saturated one.

#969d9e
```
#969d9e rgb(150,157,158)
```
#8ea3a6
```
#8ea3a6 rgb(142,163,166)
```
#87a8ad
```
#87a8ad rgb(135,168,173)
```
#7faeb5
```
#7faeb5 rgb(127,174,181)
```
#77b4bd
```
#77b4bd rgb(119,180,189)
```
#6fbac5
```
#6fbac5 rgb(111,186,197)
```
#67c0cd
```
#67c0cd rgb(103,192,205)
```
#60c5d4
```
#60c5d4 rgb(96,197,212)
```
#58cbdc
```
#58cbdc rgb(88,203,220)
```
#50d1e4
```
#50d1e4 rgb(80,209,228)
```
#48d7ec
```
#48d7ec rgb(72,215,236)
```
#41dcf3
```
#41dcf3 rgb(65,220,243)
```
#39e2fb
```
#39e2fb rgb(57,226,251)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9aa6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#b3aac5 Deuteranopia 1% of men
#7fb7c4 Tritanopia 0.001% of the population

Trichromacy

#99afbb Protanomaly 1% of men, 0.01% of women
#9dadc2 Deuteranomaly 6% of men, 0.4% of women
#7cb6c1 Tritanomaly 0.01% of the population

#77b4bd hex color

#77b4bd Color Information

#77b4bd Color Conversion

Color Schemes with #77b4bd

Alternatives to #77b4bd

#77b4bd Preview

Shades and Tints of #77b4bd

Tones of #77b4bd

Color Blindness Simulator