#7986cf hex color

In a RGB color space, hex #7986cf is composed of 47.5% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 230.9 degrees, a saturation of 47.3% and a lightness of 64.3%. #7986cf color hex could be obtained by blending #f2ffff with #000d9f. Closest websafe color is: #6699cc.

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

● #7986cf color description : Slightly desaturated blue.

The hexadecimal color #7986cf has RGB values of R:121, G:134, B:207 and CMYK values of C:0.42, M:0.35, Y:0, K:0.19. Its decimal value is 7964367.

Hex triplet	7986cf	`#7986cf`
RGB Decimal	121, 134, 207	`rgb(121,134,207)`
RGB Percent	47.5, 52.5, 81.2	`rgb(47.5%,52.5%,81.2%)`
CMYK	42, 35, 0, 19
HSL	230.9°, 47.3, 64.3	`hsl(230.9,47.3%,64.3%)`
HSV (or HSB)	230.9°, 41.5, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.674, 13.822, -39.204
XYZ	27.67, 25.619, 62.515
xyY	0.239, 0.221, 25.619
CIE-LCH	57.674, 41.57, 289.421
CIE-LUV	57.674, -9.91, -62.777
Hunter-Lab	50.616, 9.005, -37.798
Binary	01111001, 10000110, 11001111

#7986cf
```
#7986cf rgb(121,134,207)
```
#cfc279
```
#cfc279 rgb(207,194,121)
```

Complementary Color

#79b1cf
```
#79b1cf rgb(121,177,207)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#9779cf
```
#9779cf rgb(151,121,207)
```

Analogous Color

#b1cf79
```
#b1cf79 rgb(177,207,121)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#cf9779
```
#cf9779 rgb(207,151,121)
```

Split Complementary Color

#86cf79
```
#86cf79 rgb(134,207,121)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#cf7986
```
#cf7986 rgb(207,121,134)
```

Triadic Color

#79cfc2
```
#79cfc2 rgb(121,207,194)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#cf7986
```
#cf7986 rgb(207,121,134)
```
#cfc279
```
#cfc279 rgb(207,194,121)
```

Tetradic Color

#4254b9
```
#4254b9 rgb(66,84,185)
```
#5364c2
```
#5364c2 rgb(83,100,194)
```
#6675c8
```
#6675c8 rgb(102,117,200)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#8c97d6
```
#8c97d6 rgb(140,151,214)
```
#9fa8dc
```
#9fa8dc rgb(159,168,220)
```
#b1b9e3
```
#b1b9e3 rgb(177,185,227)
```

Monochromatic Color

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

#799ccf
```
#799ccf rgb(121,156,207)
```
#7994cf
```
#7994cf rgb(121,148,207)
```
#798dcf
```
#798dcf rgb(121,141,207)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#797fcf
```
#797fcf rgb(121,127,207)
```
#7a79cf
```
#7a79cf rgb(122,121,207)
```
#8279cf
```
#8279cf rgb(130,121,207)
```

Similar Colors

Text with hexadecimal color #7986cf

This text has a font color of #7986cf.

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

#7986cf background color

This paragraph has a background color of #7986cf.

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

#7986cf border color

This element has a border color of #7986cf.

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

CSS codes

.text {color:#7986cf;}

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

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

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, #04050a is the darkest color, while #fbfbfe is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#090b19
```
#090b19 rgb(9,11,25)
```
#0e1227
```
#0e1227 rgb(14,18,39)
```
#131836
```
#131836 rgb(19,24,54)
```
#181f44
```
#181f44 rgb(24,31,68)
```
#1e2653
```
#1e2653 rgb(30,38,83)
```
#232c61
```
#232c61 rgb(35,44,97)
```
#283370
```
#283370 rgb(40,51,112)
```
#2d397e
```
#2d397e rgb(45,57,126)
```
#32408c
```
#32408c rgb(50,64,140)
```
#37469b
```
#37469b rgb(55,70,155)
```
#3d4da9
```
#3d4da9 rgb(61,77,169)
```
#4254b8
```
#4254b8 rgb(66,84,184)
```

Shade Color Variation

#4e5fbf
```
#4e5fbf rgb(78,95,191)
```
#5c6cc5
```
#5c6cc5 rgb(92,108,197)
```
#6b79ca
```
#6b79ca rgb(107,121,202)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#8793d4
```
#8793d4 rgb(135,147,212)
```
#96a0d9
```
#96a0d9 rgb(150,160,217)
```
#a4addf
```
#a4addf rgb(164,173,223)
```
#b3bae4
```
#b3bae4 rgb(179,186,228)
```
#c1c7e9
```
#c1c7e9 rgb(193,199,233)
```
#d0d4ee
```
#d0d4ee rgb(208,212,238)
```
#dee1f3
```
#dee1f3 rgb(222,225,243)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a3a5 is the less saturated color, while #4f69f9 is the most saturated one.

#a3a3a5
```
#a3a3a5 rgb(163,163,165)
```
#9c9eac
```
#9c9eac rgb(156,158,172)
```
#959ab3
```
#959ab3 rgb(149,154,179)
```
#8e95ba
```
#8e95ba rgb(142,149,186)
```
#8790c1
```
#8790c1 rgb(135,144,193)
```
#808bc8
```
#808bc8 rgb(128,139,200)
```
#7986cf
```
#7986cf rgb(121,134,207)
```
#7281d6
```
#7281d6 rgb(114,129,214)
```
#6b7cdd
```
#6b7cdd rgb(107,124,221)
```
#6477e4
```
#6477e4 rgb(100,119,228)
```
#5d72eb
```
#5d72eb rgb(93,114,235)
```
#566ef2
```
#566ef2 rgb(86,110,242)
```
#4f69f9
```
#4f69f9 rgb(79,105,249)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#878998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768ed3 Protanopia 1% of men
#718fd0 Deuteranopia 1% of men
#7096a1 Tritanopia 0.001% of the population

Trichromacy

#778bd1 Protanomaly 1% of men, 0.01% of women
#748ccf Deuteranomaly 6% of men, 0.4% of women
#7390b2 Tritanomaly 0.01% of the population

#7986cf hex color

#7986cf Color Information

#7986cf Color Conversion

Color Schemes with #7986cf

Alternatives to #7986cf

#7986cf Preview

Shades and Tints of #7986cf

Tones of #7986cf

Color Blindness Simulator