#7696ae hex color

In a RGB color space, hex #7696ae is composed of 46.3% red, 58.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 13.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 205.7 degrees, a saturation of 25.7% and a lightness of 57.3%. #7696ae color hex could be obtained by blending #ecffff with #002d5d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 46
- G 59
- B 68
RGB color chart
- C 32
- M 14
- Y 0
- K 32
CMYK color chart

● #7696ae color description : Mostly desaturated dark blue.

The hexadecimal color #7696ae has RGB values of R:118, G:150, B:174 and CMYK values of C:0.32, M:0.14, Y:0, K:0.32. Its decimal value is 7771822.

Hex triplet	7696ae	`#7696ae`
RGB Decimal	118, 150, 174	`rgb(118,150,174)`
RGB Percent	46.3, 58.8, 68.2	`rgb(46.3%,58.8%,68.2%)`
CMYK	32, 14, 0, 32
HSL	205.7°, 25.7, 57.3	`hsl(205.7,25.7%,57.3%)`
HSV (or HSB)	205.7°, 32.2, 68.2
Web Safe	669999	`#669999`

CIE-LAB	60.533, -5.244, -16.15
XYZ	26.016, 28.719, 44.215
xyY	0.263, 0.29, 28.719
CIE-LCH	60.533, 16.98, 252.012
CIE-LUV	60.533, -16.759, -23.479
Hunter-Lab	53.59, -7.129, -11.404
Binary	01110110, 10010110, 10101110

#7696ae
```
#7696ae rgb(118,150,174)
```
#ae8e76
```
#ae8e76 rgb(174,142,118)
```

Complementary Color

#76aeaa
```
#76aeaa rgb(118,174,170)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#767aae
```
#767aae rgb(118,122,174)
```

Analogous Color

#aeaa76
```
#aeaa76 rgb(174,170,118)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#ae767a
```
#ae767a rgb(174,118,122)
```

Split Complementary Color

#96ae76
```
#96ae76 rgb(150,174,118)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#ae7696
```
#ae7696 rgb(174,118,150)
```

Triadic Color

#76ae8e
```
#76ae8e rgb(118,174,142)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#ae7696
```
#ae7696 rgb(174,118,150)
```
#ae8e76
```
#ae8e76 rgb(174,142,118)
```

Tetradic Color

#507087
```
#507087 rgb(80,112,135)
```
#5a7d97
```
#5a7d97 rgb(90,125,151)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#86a2b7
```
#86a2b7 rgb(134,162,183)
```
#96afc1
```
#96afc1 rgb(150,175,193)
```
#a6bbca
```
#a6bbca rgb(166,187,202)
```

Monochromatic Color

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

#76a4ae
```
#76a4ae rgb(118,164,174)
```
#769fae
```
#769fae rgb(118,159,174)
```
#769bae
```
#769bae rgb(118,155,174)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#7691ae
```
#7691ae rgb(118,145,174)
```
#768dae
```
#768dae rgb(118,141,174)
```
#7688ae
```
#7688ae rgb(118,136,174)
```

Similar Colors

Text with hexadecimal color #7696ae

This text has a font color of #7696ae.

<span style="color:#7696ae;">Text here</span>

#7696ae background color

This paragraph has a background color of #7696ae.

<p style="background-color:#7696ae;">Content here</p>

#7696ae border color

This element has a border color of #7696ae.

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

CSS codes

.text {color:#7696ae;}

.background {background-color:#7696ae;}

.border {border:1px solid #7696ae;}

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, #06090b is the darkest color, while #fefefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0e1317
```
#0e1317 rgb(14,19,23)
```
#151d24
```
#151d24 rgb(21,29,36)
```
#1c2830
```
#1c2830 rgb(28,40,48)
```
#24323c
```
#24323c rgb(36,50,60)
```
#2b3c49
```
#2b3c49 rgb(43,60,73)
```
#324655
```
#324655 rgb(50,70,85)
```
#395061
```
#395061 rgb(57,80,97)
```
#415a6e
```
#415a6e rgb(65,90,110)
```
#48657a
```
#48657a rgb(72,101,122)
```
#4f6f86
```
#4f6f86 rgb(79,111,134)
```
#577993
```
#577993 rgb(87,121,147)
```
#5e839f
```
#5e839f rgb(94,131,159)
```

Shade Color Variation

#6a8da7
```
#6a8da7 rgb(106,141,167)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#829fb5
```
#829fb5 rgb(130,159,181)
```
#8fa9bd
```
#8fa9bd rgb(143,169,189)
```
#9bb2c4
```
#9bb2c4 rgb(155,178,196)
```
#a7bccb
```
#a7bccb rgb(167,188,203)
```
#b4c5d2
```
#b4c5d2 rgb(180,197,210)
```
#c0cfda
```
#c0cfda rgb(192,207,218)
```
#ccd8e1
```
#ccd8e1 rgb(204,216,225)
```
#d9e2e8
```
#d9e2e8 rgb(217,226,232)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#8f9295
```
#8f9295 rgb(143,146,149)
```
#87949d
```
#87949d rgb(135,148,157)
```
#7e95a6
```
#7e95a6 rgb(126,149,166)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#6e97b6
```
#6e97b6 rgb(110,151,182)
```
#6598bf
```
#6598bf rgb(101,152,191)
```
#5d9ac7
```
#5d9ac7 rgb(93,154,199)
```
#549bd0
```
#549bd0 rgb(84,155,208)
```
#4c9cd8
```
#4c9cd8 rgb(76,156,216)
```
#449de0
```
#449de0 rgb(68,157,224)
```
#3b9ee9
```
#3b9ee9 rgb(59,158,233)
```
#33a0f1
```
#33a0f1 rgb(51,160,241)
```
#2ba1f9
```
#2ba1f9 rgb(43,161,249)
```

Tone Color Variation

Below, you can see how #7696ae 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

#8f8f8f Achromatopsia 0.005% of the population
#8a9095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9296af Protanopia 1% of men
#9694b4 Deuteranopia 1% of men
#7a9da8 Tritanopia 0.001% of the population

Trichromacy

#8896ae Protanomaly 1% of men, 0.01% of women
#8a95b2 Deuteranomaly 6% of men, 0.4% of women
#789aaa Tritanomaly 0.01% of the population

#7696ae hex color

#7696ae Color Information

#7696ae Color Conversion

Color Schemes with #7696ae

Alternatives to #7696ae

#7696ae Preview

Shades and Tints of #7696ae

Tones of #7696ae

Color Blindness Simulator