#7695a2 hex color

In a RGB color space, hex #7695a2 is composed of 46.3% red, 58.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 8% magenta, 0% yellow and 36.5% black. It has a hue angle of 197.7 degrees, a saturation of 19.1% and a lightness of 54.9%. #7695a2 color hex could be obtained by blending #ecffff with #002b45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 46
- G 58
- B 64
RGB color chart
- C 27
- M 8
- Y 0
- K 36
CMYK color chart

● #7695a2 color description : Mostly desaturated dark blue.

The hexadecimal color #7695a2 has RGB values of R:118, G:149, B:162 and CMYK values of C:0.27, M:0.08, Y:0, K:0.36. Its decimal value is 7771554.

Hex triplet	7695a2	`#7695a2`
RGB Decimal	118, 149, 162	`rgb(118,149,162)`
RGB Percent	46.3, 58.4, 63.5	`rgb(46.3%,58.4%,63.5%)`
CMYK	27, 8, 0, 36
HSL	197.7°, 19.1, 54.9	`hsl(197.7,19.1%,54.9%)`
HSV (or HSB)	197.7°, 27.2, 63.5
Web Safe	669999	`#669999`

CIE-LAB	59.847, -7.689, -10.376
XYZ	24.739, 27.954, 38.273
xyY	0.272, 0.307, 27.954
CIE-LCH	59.847, 12.915, 233.459
CIE-LUV	59.847, -16.165, -14.131
Hunter-Lab	52.872, -9.006, -5.908
Binary	01110110, 10010101, 10100010

#7695a2
```
#7695a2 rgb(118,149,162)
```
#a28376
```
#a28376 rgb(162,131,118)
```

Complementary Color

#76a299
```
#76a299 rgb(118,162,153)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#767fa2
```
#767fa2 rgb(118,127,162)
```

Analogous Color

#a29976
```
#a29976 rgb(162,153,118)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#a2767f
```
#a2767f rgb(162,118,127)
```

Split Complementary Color

#95a276
```
#95a276 rgb(149,162,118)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#a27695
```
#a27695 rgb(162,118,149)
```

Triadic Color

#76a283
```
#76a283 rgb(118,162,131)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#a27695
```
#a27695 rgb(162,118,149)
```
#a28376
```
#a28376 rgb(162,131,118)
```

Tetradic Color

#526e79
```
#526e79 rgb(82,110,121)
```
#5d7b88
```
#5d7b88 rgb(93,123,136)
```
#678998
```
#678998 rgb(103,137,152)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#85a1ac
```
#85a1ac rgb(133,161,172)
```
#94adb7
```
#94adb7 rgb(148,173,183)
```
#a4b8c1
```
#a4b8c1 rgb(164,184,193)
```

Monochromatic Color

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

#76a0a2
```
#76a0a2 rgb(118,160,162)
```
#769ca2
```
#769ca2 rgb(118,156,162)
```
#7699a2
```
#7699a2 rgb(118,153,162)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#7691a2
```
#7691a2 rgb(118,145,162)
```
#768ea2
```
#768ea2 rgb(118,142,162)
```
#768aa2
```
#768aa2 rgb(118,138,162)
```

Similar Colors

Text with hexadecimal color #7695a2

This text has a font color of #7695a2.

<span style="color:#7695a2;">Text here</span>

#7695a2 background color

This paragraph has a background color of #7695a2.

<p style="background-color:#7695a2;">Content here</p>

#7695a2 border color

This element has a border color of #7695a2.

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

CSS codes

.text {color:#7695a2;}

.background {background-color:#7695a2;}

.border {border:1px solid #7695a2;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0d0f
```
#0a0d0f rgb(10,13,15)
```
#12181b
```
#12181b rgb(18,24,27)
```
#1a2326
```
#1a2326 rgb(26,35,38)
```
#222d32
```
#222d32 rgb(34,45,50)
```
#2a383e
```
#2a383e rgb(42,56,62)
```
#324249
```
#324249 rgb(50,66,73)
```
#3a4d55
```
#3a4d55 rgb(58,77,85)
```
#425861
```
#425861 rgb(66,88,97)
```
#4a626c
```
#4a626c rgb(74,98,108)
```
#516d78
```
#516d78 rgb(81,109,120)
```
#597784
```
#597784 rgb(89,119,132)
```
#61828f
```
#61828f rgb(97,130,143)
```

Shade Color Variation

#6a8c9a
```
#6a8c9a rgb(106,140,154)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#829eaa
```
#829eaa rgb(130,158,170)
```
#8da7b2
```
#8da7b2 rgb(141,167,178)
```
#99b0ba
```
#99b0ba rgb(153,176,186)
```
#a5b9c2
```
#a5b9c2 rgb(165,185,194)
```
#b0c2ca
```
#b0c2ca rgb(176,194,202)
```
#bccbd2
```
#bccbd2 rgb(188,203,210)
```
#c8d4da
```
#c8d4da rgb(200,212,218)
```
#d3dde1
```
#d3dde1 rgb(211,221,225)
```
#dfe6e9
```
#dfe6e9 rgb(223,230,233)
```
#ebeff1
```
#ebeff1 rgb(235,239,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e90 is the less saturated color, while #1eb9fa is the most saturated one.

#888e90
```
#888e90 rgb(136,142,144)
```
#7f9199
```
#7f9199 rgb(127,145,153)
```
#7695a2
```
#7695a2 rgb(118,149,162)
```
#6d99ab
```
#6d99ab rgb(109,153,171)
```
#649cb4
```
#649cb4 rgb(100,156,180)
```
#5ba0bd
```
#5ba0bd rgb(91,160,189)
```
#53a3c5
```
#53a3c5 rgb(83,163,197)
```
#4aa7ce
```
#4aa7ce rgb(74,167,206)
```
#41abd7
```
#41abd7 rgb(65,171,215)
```
#38aee0
```
#38aee0 rgb(56,174,224)
```
#2fb2e9
```
#2fb2e9 rgb(47,178,233)
```
#26b6f2
```
#26b6f2 rgb(38,182,242)
```
#1eb9fa
```
#1eb9fa rgb(30,185,250)
```

Tone Color Variation

Below, you can see how #7695a2 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

#8d8d8d Achromatopsia 0.005% of the population
#888f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9494a3 Protanopia 1% of men
#9a92a9 Deuteranopia 1% of men
#7c9aa5 Tritanopia 0.001% of the population

Trichromacy

#8994a3 Protanomaly 1% of men, 0.01% of women
#8c93a6 Deuteranomaly 6% of men, 0.4% of women
#7a98a4 Tritanomaly 0.01% of the population

#7695a2 hex color

#7695a2 Color Information

#7695a2 Color Conversion

Color Schemes with #7695a2

Alternatives to #7695a2

#7695a2 Preview

Shades and Tints of #7695a2

Tones of #7695a2

Color Blindness Simulator