#7986a5 hex color

In a RGB color space, hex #7986a5 is composed of 47.5% red, 52.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 18.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 222.3 degrees, a saturation of 19.6% and a lightness of 56.1%. #7986a5 color hex could be obtained by blending #f2ffff with #000d4b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 53
- B 65
RGB color chart
- C 27
- M 19
- Y 0
- K 35
CMYK color chart

● #7986a5 color description : Mostly desaturated dark blue.

The hexadecimal color #7986a5 has RGB values of R:121, G:134, B:165 and CMYK values of C:0.27, M:0.19, Y:0, K:0.35. Its decimal value is 7964325.

Hex triplet	7986a5	`#7986a5`
RGB Decimal	121, 134, 165	`rgb(121,134,165)`
RGB Percent	47.5, 52.5, 64.7	`rgb(47.5%,52.5%,64.7%)`
CMYK	27, 19, 0, 35
HSL	222.3°, 19.6, 56.1	`hsl(222.3,19.6%,56.1%)`
HSV (or HSB)	222.3°, 26.7, 64.7
Web Safe	669999	`#669999`

CIE-LAB	55.918, 2.487, -18.005
XYZ	23.2, 23.831, 38.973
xyY	0.27, 0.277, 23.831
CIE-LCH	55.918, 18.176, 277.863
CIE-LUV	55.918, -8.241, -27.11
Hunter-Lab	48.817, -0.598, -13.161
Binary	01111001, 10000110, 10100101

#7986a5
```
#7986a5 rgb(121,134,165)
```
#a59879
```
#a59879 rgb(165,152,121)
```

Complementary Color

#799ca5
```
#799ca5 rgb(121,156,165)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#8279a5
```
#8279a5 rgb(130,121,165)
```

Analogous Color

#9ca579
```
#9ca579 rgb(156,165,121)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#a58279
```
#a58279 rgb(165,130,121)
```

Split Complementary Color

#86a579
```
#86a579 rgb(134,165,121)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#a57986
```
#a57986 rgb(165,121,134)
```

Triadic Color

#79a598
```
#79a598 rgb(121,165,152)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#a57986
```
#a57986 rgb(165,121,134)
```
#a59879
```
#a59879 rgb(165,152,121)
```

Tetradic Color

#54607d
```
#54607d rgb(84,96,125)
```
#5e6c8d
```
#5e6c8d rgb(94,108,141)
```
#6a789b
```
#6a789b rgb(106,120,155)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#8894af
```
#8894af rgb(136,148,175)
```
#98a2b9
```
#98a2b9 rgb(152,162,185)
```
#a7afc4
```
#a7afc4 rgb(167,175,196)
```

Monochromatic Color

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

#7991a5
```
#7991a5 rgb(121,145,165)
```
#798da5
```
#798da5 rgb(121,141,165)
```
#798aa5
```
#798aa5 rgb(121,138,165)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#7982a5
```
#7982a5 rgb(121,130,165)
```
#797fa5
```
#797fa5 rgb(121,127,165)
```
#797ba5
```
#797ba5 rgb(121,123,165)
```

Similar Colors

Text with hexadecimal color #7986a5

This text has a font color of #7986a5.

<span style="color:#7986a5;">Text here</span>

#7986a5 background color

This paragraph has a background color of #7986a5.

<p style="background-color:#7986a5;">Content here</p>

#7986a5 border color

This element has a border color of #7986a5.

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

CSS codes

.text {color:#7986a5;}

.background {background-color:#7986a5;}

.border {border:1px solid #7986a5;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0c0e13
```
#0c0e13 rgb(12,14,19)
```
#14171e
```
#14171e rgb(20,23,30)
```
#1c202a
```
#1c202a rgb(28,32,42)
```
#242936
```
#242936 rgb(36,41,54)
```
#2c3241
```
#2c3241 rgb(44,50,65)
```
#343b4d
```
#343b4d rgb(52,59,77)
```
#3c4459
```
#3c4459 rgb(60,68,89)
```
#444d65
```
#444d65 rgb(68,77,101)
```
#4c5670
```
#4c5670 rgb(76,86,112)
```
#535f7c
```
#535f7c rgb(83,95,124)
```
#5b6888
```
#5b6888 rgb(91,104,136)
```
#637194
```
#637194 rgb(99,113,148)
```

Shade Color Variation

#6d7b9d
```
#6d7b9d rgb(109,123,157)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#8591ad
```
#8591ad rgb(133,145,173)
```
#909bb5
```
#909bb5 rgb(144,155,181)
```
#9ca6bd
```
#9ca6bd rgb(156,166,189)
```
#a8b0c5
```
#a8b0c5 rgb(168,176,197)
```
#b4bbcc
```
#b4bbcc rgb(180,187,204)
```
#bfc6d4
```
#bfc6d4 rgb(191,198,212)
```
#cbd0dc
```
#cbd0dc rgb(203,208,220)
```
#d7dbe4
```
#d7dbe4 rgb(215,219,228)
```
#e3e5ec
```
#e3e5ec rgb(227,229,236)
```
#eef0f4
```
#eef0f4 rgb(238,240,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#8a8d94
```
#8a8d94 rgb(138,141,148)
```
#828a9c
```
#828a9c rgb(130,138,156)
```
#7986a5
```
#7986a5 rgb(121,134,165)
```
#7082ae
```
#7082ae rgb(112,130,174)
```
#687fb6
```
#687fb6 rgb(104,127,182)
```
#5f7bbf
```
#5f7bbf rgb(95,123,191)
```
#5778c7
```
#5778c7 rgb(87,120,199)
```
#4e74d0
```
#4e74d0 rgb(78,116,208)
```
#4571d9
```
#4571d9 rgb(69,113,217)
```
#3d6de1
```
#3d6de1 rgb(61,109,225)
```
#346aea
```
#346aea rgb(52,106,234)
```
#2b66f3
```
#2b66f3 rgb(43,102,243)
```
#2363fb
```
#2363fb rgb(35,99,251)
```

Tone Color Variation

Below, you can see how #7986a5 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

#868686 Achromatopsia 0.005% of the population
#83868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#858ba8 Protanopia 1% of men
#8889aa Deuteranopia 1% of men
#7b8f99 Tritanopia 0.001% of the population

Trichromacy

#8089a7 Protanomaly 1% of men, 0.01% of women
#8388a8 Deuteranomaly 6% of men, 0.4% of women
#7a8b9d Tritanomaly 0.01% of the population

#7986a5 hex color

#7986a5 Color Information

#7986a5 Color Conversion

Color Schemes with #7986a5

Alternatives to #7986a5

#7986a5 Preview

Shades and Tints of #7986a5

Tones of #7986a5

Color Blindness Simulator