#7986bf hex color

In a RGB color space, hex #7986bf is composed of 47.5% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 228.9 degrees, a saturation of 35.4% and a lightness of 61.2%. #7986bf color hex could be obtained by blending #f2ffff with #000d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 53
- B 75
RGB color chart
- C 37
- M 30
- Y 0
- K 25
CMYK color chart

● #7986bf color description : Slightly desaturated blue.

The hexadecimal color #7986bf has RGB values of R:121, G:134, B:191 and CMYK values of C:0.37, M:0.3, Y:0, K:0.25. Its decimal value is 7964351.

Hex triplet	7986bf	`#7986bf`
RGB Decimal	121, 134, 191	`rgb(121,134,191)`
RGB Percent	47.5, 52.5, 74.9	`rgb(47.5%,52.5%,74.9%)`
CMYK	37, 30, 0, 25
HSL	228.9°, 35.4, 61.2	`hsl(228.9,35.4%,61.2%)`
HSV (or HSB)	228.9°, 36.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.954, 9.333, -31.274
XYZ	25.812, 24.876, 52.729
xyY	0.25, 0.241, 24.876
CIE-LCH	56.954, 32.637, 286.617
CIE-LUV	56.954, -9.27, -49.23
Hunter-Lab	49.876, 5.096, -27.768
Binary	01111001, 10000110, 10111111

#7986bf
```
#7986bf rgb(121,134,191)
```
#bfb279
```
#bfb279 rgb(191,178,121)
```

Complementary Color

#79a9bf
```
#79a9bf rgb(121,169,191)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#8f79bf
```
#8f79bf rgb(143,121,191)
```

Analogous Color

#a9bf79
```
#a9bf79 rgb(169,191,121)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#bf8f79
```
#bf8f79 rgb(191,143,121)
```

Split Complementary Color

#86bf79
```
#86bf79 rgb(134,191,121)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#bf7986
```
#bf7986 rgb(191,121,134)
```

Triadic Color

#79bfb2
```
#79bfb2 rgb(121,191,178)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#bf7986
```
#bf7986 rgb(191,121,134)
```
#bfb279
```
#bfb279 rgb(191,178,121)
```

Tetradic Color

#4c5c9f
```
#4c5c9f rgb(76,92,159)
```
#5667af
```
#5667af rgb(86,103,175)
```
#6876b7
```
#6876b7 rgb(104,118,183)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#8a96c7
```
#8a96c7 rgb(138,150,199)
```
#9ca5cf
```
#9ca5cf rgb(156,165,207)
```
#adb5d8
```
#adb5d8 rgb(173,181,216)
```

Monochromatic Color

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

#7998bf
```
#7998bf rgb(121,152,191)
```
#7992bf
```
#7992bf rgb(121,146,191)
```
#798cbf
```
#798cbf rgb(121,140,191)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#7980bf
```
#7980bf rgb(121,128,191)
```
#797abf
```
#797abf rgb(121,122,191)
```
#7e79bf
```
#7e79bf rgb(126,121,191)
```

Similar Colors

Text with hexadecimal color #7986bf

This text has a font color of #7986bf.

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

#7986bf background color

This paragraph has a background color of #7986bf.

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

#7986bf border color

This element has a border color of #7986bf.

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

CSS codes

.text {color:#7986bf;}

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

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

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

#06070c
```
#06070c rgb(6,7,12)
```
#0c0f19
```
#0c0f19 rgb(12,15,25)
```
#121627
```
#121627 rgb(18,22,39)
```
#191e34
```
#191e34 rgb(25,30,52)
```
#1f2541
```
#1f2541 rgb(31,37,65)
```
#252d4e
```
#252d4e rgb(37,45,78)
```
#2c355c
```
#2c355c rgb(44,53,92)
```
#323c69
```
#323c69 rgb(50,60,105)
```
#384476
```
#384476 rgb(56,68,118)
```
#3f4c84
```
#3f4c84 rgb(63,76,132)
```
#455391
```
#455391 rgb(69,83,145)
```
#4b5b9e
```
#4b5b9e rgb(75,91,158)
```
#5262ab
```
#5262ab rgb(82,98,171)
```

Shade Color Variation

#5e6eb2
```
#5e6eb2 rgb(94,110,178)
```
#6c7ab9
```
#6c7ab9 rgb(108,122,185)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#8692c5
```
#8692c5 rgb(134,146,197)
```
#949ecc
```
#949ecc rgb(148,158,204)
```
#a1aad2
```
#a1aad2 rgb(161,170,210)
```
#aeb6d8
```
#aeb6d8 rgb(174,182,216)
```
#bbc2df
```
#bbc2df rgb(187,194,223)
```
#c9cee5
```
#c9cee5 rgb(201,206,229)
```
#d6daeb
```
#d6daeb rgb(214,218,235)
```
#e3e6f2
```
#e3e6f2 rgb(227,230,242)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9799a1 is the less saturated color, while #3c60fc is the most saturated one.

#9799a1
```
#9799a1 rgb(151,153,161)
```
#9094a8
```
#9094a8 rgb(144,148,168)
```
#8890b0
```
#8890b0 rgb(136,144,176)
```
#818bb7
```
#818bb7 rgb(129,139,183)
```
#7986bf
```
#7986bf rgb(121,134,191)
```
#7181c7
```
#7181c7 rgb(113,129,199)
```
#6a7cce
```
#6a7cce rgb(106,124,206)
```
#6278d6
```
#6278d6 rgb(98,120,214)
```
#5b73dd
```
#5b73dd rgb(91,115,221)
```
#536ee5
```
#536ee5 rgb(83,110,229)
```
#4b69ed
```
#4b69ed rgb(75,105,237)
```
#4464f4
```
#4464f4 rgb(68,100,244)
```
#3c60fc
```
#3c60fc rgb(60,96,252)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#868894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8cc2 Protanopia 1% of men
#7b8dc1 Deuteranopia 1% of men
#75939e Tritanopia 0.001% of the population

Trichromacy

#7b8ac1 Protanomaly 1% of men, 0.01% of women
#7a8ac0 Deuteranomaly 6% of men, 0.4% of women
#768eaa Tritanomaly 0.01% of the population

#7986bf hex color

#7986bf Color Information

#7986bf Color Conversion

Color Schemes with #7986bf

Alternatives to #7986bf

#7986bf Preview

Shades and Tints of #7986bf

Tones of #7986bf

Color Blindness Simulator