#76b2b4 hex color

In a RGB color space, hex #76b2b4 is composed of 46.3% red, 69.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 1.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 181.9 degrees, a saturation of 29.2% and a lightness of 58.4%. #76b2b4 color hex could be obtained by blending #ecffff with #006569. Closest websafe color is: #6699cc.

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

● #76b2b4 color description : Slightly desaturated cyan.

The hexadecimal color #76b2b4 has RGB values of R:118, G:178, B:180 and CMYK values of C:0.34, M:0.01, Y:0, K:0.29. Its decimal value is 7778996.

Hex triplet	76b2b4	`#76b2b4`
RGB Decimal	118, 178, 180	`rgb(118,178,180)`
RGB Percent	46.3, 69.8, 70.6	`rgb(46.3%,69.8%,70.6%)`
CMYK	34, 1, 0, 29
HSL	181.9°, 29.2, 58.4	`hsl(181.9,29.2%,58.4%)`
HSV (or HSB)	181.9°, 34.4, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.741, -18.783, -7.197
XYZ	31.628, 38.986, 49.036
xyY	0.264, 0.326, 38.986
CIE-LCH	68.741, 20.114, 200.965
CIE-LUV	68.741, -28.728, -7.856
Hunter-Lab	62.439, -18.851, -2.856
Binary	01110110, 10110010, 10110100

#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#b47876
```
#b47876 rgb(180,120,118)
```

Complementary Color

#76b497
```
#76b497 rgb(118,180,151)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#7693b4
```
#7693b4 rgb(118,147,180)
```

Analogous Color

#b49776
```
#b49776 rgb(180,151,118)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#b47693
```
#b47693 rgb(180,118,147)
```

Split Complementary Color

#b2b476
```
#b2b476 rgb(178,180,118)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#b476b2
```
#b476b2 rgb(180,118,178)
```

Triadic Color

#76b478
```
#76b478 rgb(118,180,120)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#b476b2
```
#b476b2 rgb(180,118,178)
```
#b47876
```
#b47876 rgb(180,120,118)
```

Tetradic Color

#4e8d8f
```
#4e8d8f rgb(78,141,143)
```
#579da0
```
#579da0 rgb(87,157,160)
```
#66a9ab
```
#66a9ab rgb(102,169,171)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#86bbbd
```
#86bbbd rgb(134,187,189)
```
#97c5c6
```
#97c5c6 rgb(151,197,198)
```
#a7cecf
```
#a7cecf rgb(167,206,207)
```

Monochromatic Color

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

#76b4a7
```
#76b4a7 rgb(118,180,167)
```
#76b4ac
```
#76b4ac rgb(118,180,172)
```
#76b4b1
```
#76b4b1 rgb(118,180,177)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#76adb4
```
#76adb4 rgb(118,173,180)
```
#76a8b4
```
#76a8b4 rgb(118,168,180)
```
#76a3b4
```
#76a3b4 rgb(118,163,180)
```

Similar Colors

Text with hexadecimal color #76b2b4

This text has a font color of #76b2b4.

<span style="color:#76b2b4;">Text here</span>

#76b2b4 background color

This paragraph has a background color of #76b2b4.

<p style="background-color:#76b2b4;">Content here</p>

#76b2b4 border color

This element has a border color of #76b2b4.

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

CSS codes

.text {color:#76b2b4;}

.background {background-color:#76b2b4;}

.border {border:1px solid #76b2b4;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0f
```
#080f0f rgb(8,15,15)
```
#0f1b1c
```
#0f1b1c rgb(15,27,28)
```
#162828
```
#162828 rgb(22,40,40)
```
#1d3435
```
#1d3435 rgb(29,52,53)
```
#244142
```
#244142 rgb(36,65,66)
```
#2b4d4e
```
#2b4d4e rgb(43,77,78)
```
#325a5b
```
#325a5b rgb(50,90,91)
```
#396668
```
#396668 rgb(57,102,104)
```
#407375
```
#407375 rgb(64,115,117)
```
#477f81
```
#477f81 rgb(71,127,129)
```
#4e8c8e
```
#4e8c8e rgb(78,140,142)
```
#55989b
```
#55989b rgb(85,152,155)
```

Shade Color Variation

#5da4a6
```
#5da4a6 rgb(93,164,166)
```
#69abad
```
#69abad rgb(105,171,173)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#83b9bb
```
#83b9bb rgb(131,185,187)
```
#8fc0c2
```
#8fc0c2 rgb(143,192,194)
```
#9cc7c9
```
#9cc7c9 rgb(156,199,201)
```
#a9ced0
```
#a9ced0 rgb(169,206,208)
```
#b5d6d7
```
#b5d6d7 rgb(181,214,215)
```
#c2ddde
```
#c2ddde rgb(194,221,222)
```
#cfe4e5
```
#cfe4e5 rgb(207,228,229)
```
#dbebec
```
#dbebec rgb(219,235,236)
```
#e8f2f2
```
#e8f2f2 rgb(232,242,242)
```
#f5f9f9
```
#f5f9f9 rgb(245,249,249)
```

Tint Color Variation

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

#8e9b9c
```
#8e9b9c rgb(142,155,156)
```
#86a3a4
```
#86a3a4 rgb(134,163,164)
```
#7eaaac
```
#7eaaac rgb(126,170,172)
```
#76b2b4
```
#76b2b4 rgb(118,178,180)
```
#6ebabc
```
#6ebabc rgb(110,186,188)
```
#66c1c4
```
#66c1c4 rgb(102,193,196)
```
#5ec9cc
```
#5ec9cc rgb(94,201,204)
```
#55d1d5
```
#55d1d5 rgb(85,209,213)
```
#4dd8dd
```
#4dd8dd rgb(77,216,221)
```
#45e0e5
```
#45e0e5 rgb(69,224,229)
```
#3de7ed
```
#3de7ed rgb(61,231,237)
```
#35eff5
```
#35eff5 rgb(53,239,245)
```
#2df7fd
```
#2df7fd rgb(45,247,253)
```

Tone Color Variation

Below, you can see how #76b2b4 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

#a0a0a0 Achromatopsia 0.005% of the population
#98a4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adabb1 Protanopia 1% of men
#b4a7bc Deuteranopia 1% of men
#80b4c1 Tritanopia 0.001% of the population

Trichromacy

#99adb2 Protanomaly 1% of men, 0.01% of women
#9dabb9 Deuteranomaly 6% of men, 0.4% of women
#7cb3bc Tritanomaly 0.01% of the population

#76b2b4 hex color

#76b2b4 Color Information

#76b2b4 Color Conversion

Color Schemes with #76b2b4

Alternatives to #76b2b4

#76b2b4 Preview

Shades and Tints of #76b2b4

Tones of #76b2b4

Color Blindness Simulator