#76a9b2 hex color

In a RGB color space, hex #76a9b2 is composed of 46.3% red, 66.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 5.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 189 degrees, a saturation of 28% and a lightness of 58%. #76a9b2 color hex could be obtained by blending #ecffff with #005365. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 46
- G 66
- B 70
RGB color chart
- C 34
- M 5
- Y 0
- K 30
CMYK color chart

● #76a9b2 color description : Mostly desaturated dark cyan.

The hexadecimal color #76a9b2 has RGB values of R:118, G:169, B:178 and CMYK values of C:0.34, M:0.05, Y:0, K:0.3. Its decimal value is 7776690.

Hex triplet	76a9b2	`#76a9b2`
RGB Decimal	118, 169, 178	`rgb(118,169,178)`
RGB Percent	46.3, 66.3, 69.8	`rgb(46.3%,66.3%,69.8%)`
CMYK	34, 5, 0, 30
HSL	189°, 28, 58	`hsl(189,28%,58%)`
HSV (or HSB)	189°, 33.7, 69.8
Web Safe	669999	`#669999`

CIE-LAB	66.09, -14.57, -10.036
XYZ	29.693, 35.441, 47.393
xyY	0.264, 0.315, 35.441
CIE-LCH	66.09, 17.692, 214.56
CIE-LUV	66.09, -24.92, -12.825
Hunter-Lab	59.532, -15.15, -5.528
Binary	01110110, 10101001, 10110010

#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#b27f76
```
#b27f76 rgb(178,127,118)
```

Complementary Color

#76b29d
```
#76b29d rgb(118,178,157)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#768bb2
```
#768bb2 rgb(118,139,178)
```

Analogous Color

#b29d76
```
#b29d76 rgb(178,157,118)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#b2768b
```
#b2768b rgb(178,118,139)
```

Split Complementary Color

#a9b276
```
#a9b276 rgb(169,178,118)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#b276a9
```
#b276a9 rgb(178,118,169)
```

Triadic Color

#76b27f
```
#76b27f rgb(118,178,127)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#b276a9
```
#b276a9 rgb(178,118,169)
```
#b27f76
```
#b27f76 rgb(178,127,118)
```

Tetradic Color

#4f838d
```
#4f838d rgb(79,131,141)
```
#58939d
```
#58939d rgb(88,147,157)
```
#669fa9
```
#669fa9 rgb(102,159,169)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#86b3bb
```
#86b3bb rgb(134,179,187)
```
#97bdc4
```
#97bdc4 rgb(151,189,196)
```
#a7c8ce
```
#a7c8ce rgb(167,200,206)
```

Monochromatic Color

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

#76b2ac
```
#76b2ac rgb(118,178,172)
```
#76b2b1
```
#76b2b1 rgb(118,178,177)
```
#76aeb2
```
#76aeb2 rgb(118,174,178)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#76a4b2
```
#76a4b2 rgb(118,164,178)
```
#769fb2
```
#769fb2 rgb(118,159,178)
```
#769ab2
```
#769ab2 rgb(118,154,178)
```

Similar Colors

Text with hexadecimal color #76a9b2

This text has a font color of #76a9b2.

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

#76a9b2 background color

This paragraph has a background color of #76a9b2.

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

#76a9b2 border color

This element has a border color of #76a9b2.

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

CSS codes

.text {color:#76a9b2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080d0e
```
#080d0e rgb(8,13,14)
```
#0f191a
```
#0f191a rgb(15,25,26)
```
#162427
```
#162427 rgb(22,36,39)
```
#1d3033
```
#1d3033 rgb(29,48,51)
```
#243c40
```
#243c40 rgb(36,60,64)
```
#2b474c
```
#2b474c rgb(43,71,76)
```
#325359
```
#325359 rgb(50,83,89)
```
#395f66
```
#395f66 rgb(57,95,102)
```
#406b72
```
#406b72 rgb(64,107,114)
```
#47767f
```
#47767f rgb(71,118,127)
```
#4e828b
```
#4e828b rgb(78,130,139)
```
#558e98
```
#558e98 rgb(85,142,152)
```

Shade Color Variation

#5d99a4
```
#5d99a4 rgb(93,153,164)
```
#69a1ab
```
#69a1ab rgb(105,161,171)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#83b1b9
```
#83b1b9 rgb(131,177,185)
```
#8fb9c0
```
#8fb9c0 rgb(143,185,192)
```
#9cc1c7
```
#9cc1c7 rgb(156,193,199)
```
#a8c9ce
```
#a8c9ce rgb(168,201,206)
```
#b5d0d5
```
#b5d0d5 rgb(181,208,213)
```
#c1d8dc
```
#c1d8dc rgb(193,216,220)
```
#cee0e3
```
#cee0e3 rgb(206,224,227)
```
#dae8ea
```
#dae8ea rgb(218,232,234)
```
#e7f0f2
```
#e7f0f2 rgb(231,240,242)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

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

#8f9899
```
#8f9899 rgb(143,152,153)
```
#869da2
```
#869da2 rgb(134,157,162)
```
#7ea3aa
```
#7ea3aa rgb(126,163,170)
```
#76a9b2
```
#76a9b2 rgb(118,169,178)
```
#6eafba
```
#6eafba rgb(110,175,186)
```
#66b5c2
```
#66b5c2 rgb(102,181,194)
```
#5dbacb
```
#5dbacb rgb(93,186,203)
```
#55c0d3
```
#55c0d3 rgb(85,192,211)
```
#4dc6db
```
#4dc6db rgb(77,198,219)
```
#45cce3
```
#45cce3 rgb(69,204,227)
```
#3cd1ec
```
#3cd1ec rgb(60,209,236)
```
#34d7f4
```
#34d7f4 rgb(52,215,244)
```
#2cddfc
```
#2cddfc rgb(44,221,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#949ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b0 Protanopia 1% of men
#aaa1ba Deuteranopia 1% of men
#7eacb9 Tritanopia 0.001% of the population

Trichromacy

#93a6b1 Protanomaly 1% of men, 0.01% of women
#97a4b7 Deuteranomaly 6% of men, 0.4% of women
#7babb6 Tritanomaly 0.01% of the population

#76a9b2 hex color

#76a9b2 Color Information

#76a9b2 Color Conversion

Color Schemes with #76a9b2

Alternatives to #76a9b2

#76a9b2 Preview

Shades and Tints of #76a9b2

Tones of #76a9b2

Color Blindness Simulator