#7986e2 hex color

In a RGB color space, hex #7986e2 is composed of 47.5% red, 52.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 40.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 232.6 degrees, a saturation of 64.4% and a lightness of 68%. #7986e2 color hex could be obtained by blending #f2ffff with #000dc5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 53
- B 89
RGB color chart
- C 46
- M 41
- Y 0
- K 11
CMYK color chart

● #7986e2 color description : Soft blue.

The hexadecimal color #7986e2 has RGB values of R:121, G:134, B:226 and CMYK values of C:0.46, M:0.41, Y:0, K:0.11. Its decimal value is 7964386.

Hex triplet	7986e2	`#7986e2`
RGB Decimal	121, 134, 226	`rgb(121,134,226)`
RGB Percent	47.5, 52.5, 88.6	`rgb(47.5%,52.5%,88.6%)`
CMYK	46, 41, 0, 11
HSL	232.6°, 64.4, 68	`hsl(232.6,64.4%,68%)`
HSV (or HSB)	232.6°, 46.5, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.607, 19.36, -48.384
XYZ	30.135, 26.605, 75.495
xyY	0.228, 0.201, 26.605
CIE-LCH	58.607, 52.114, 291.808
CIE-LUV	58.607, -10.67, -78.595
Hunter-Lab	51.58, 14.021, -50.673
Binary	01111001, 10000110, 11100010

#7986e2
```
#7986e2 rgb(121,134,226)
```
#e2d579
```
#e2d579 rgb(226,213,121)
```

Complementary Color

#79bbe2
```
#79bbe2 rgb(121,187,226)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#a179e2
```
#a179e2 rgb(161,121,226)
```

Analogous Color

#bbe279
```
#bbe279 rgb(187,226,121)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#e2a179
```
#e2a179 rgb(226,161,121)
```

Split Complementary Color

#86e279
```
#86e279 rgb(134,226,121)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#e27986
```
#e27986 rgb(226,121,134)
```

Triadic Color

#79e2d5
```
#79e2d5 rgb(121,226,213)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#e27986
```
#e27986 rgb(226,121,134)
```
#e2d579
```
#e2d579 rgb(226,213,121)
```

Tetradic Color

#3a4dd4
```
#3a4dd4 rgb(58,77,212)
```
#4f60d9
```
#4f60d9 rgb(79,96,217)
```
#6473dd
```
#6473dd rgb(100,115,221)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#8e99e7
```
#8e99e7 rgb(142,153,231)
```
#a3aceb
```
#a3aceb rgb(163,172,235)
```
#b8bff0
```
#b8bff0 rgb(184,191,240)
```

Monochromatic Color

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

#79a0e2
```
#79a0e2 rgb(121,160,226)
```
#7998e2
```
#7998e2 rgb(121,152,226)
```
#798fe2
```
#798fe2 rgb(121,143,226)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#797de2
```
#797de2 rgb(121,125,226)
```
#7e79e2
```
#7e79e2 rgb(126,121,226)
```
#8679e2
```
#8679e2 rgb(134,121,226)
```

Similar Colors

Text with hexadecimal color #7986e2

This text has a font color of #7986e2.

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

#7986e2 background color

This paragraph has a background color of #7986e2.

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

#7986e2 border color

This element has a border color of #7986e2.

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

CSS codes

.text {color:#7986e2;}

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

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

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

#02030b
```
#02030b rgb(2,3,11)
```
#06091b
```
#06091b rgb(6,9,27)
```
#090e2b
```
#090e2b rgb(9,14,43)
```
#0d133c
```
#0d133c rgb(13,19,60)
```
#10184c
```
#10184c rgb(16,24,76)
```
#141d5c
```
#141d5c rgb(20,29,92)
```
#17226c
```
#17226c rgb(23,34,108)
```
#1b277c
```
#1b277c rgb(27,39,124)
```
#1e2c8c
```
#1e2c8c rgb(30,44,140)
```
#22319c
```
#22319c rgb(34,49,156)
```
#2536ac
```
#2536ac rgb(37,54,172)
```
#293bbd
```
#293bbd rgb(41,59,189)
```
#2c40cd
```
#2c40cd rgb(44,64,205)
```

Shade Color Variation

#384cd4
```
#384cd4 rgb(56,76,212)
```
#495ad8
```
#495ad8 rgb(73,90,216)
```
#5969db
```
#5969db rgb(89,105,219)
```
#6977df
```
#6977df rgb(105,119,223)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#8995e5
```
#8995e5 rgb(137,149,229)
```
#99a3e9
```
#99a3e9 rgb(153,163,233)
```
#a9b2ec
```
#a9b2ec rgb(169,178,236)
```
#bac0f0
```
#bac0f0 rgb(186,192,240)
```
#cacff3
```
#cacff3 rgb(202,207,243)
```
#daddf7
```
#daddf7 rgb(218,221,247)
```
#eaecfa
```
#eaecfa rgb(234,236,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#abacb0
```
#abacb0 rgb(171,172,176)
```
#a5a7b6
```
#a5a7b6 rgb(165,167,182)
```
#9fa2bc
```
#9fa2bc rgb(159,162,188)
```
#989ec3
```
#989ec3 rgb(152,158,195)
```
#9299c9
```
#9299c9 rgb(146,153,201)
```
#8c94cf
```
#8c94cf rgb(140,148,207)
```
#868fd5
```
#868fd5 rgb(134,143,213)
```
#7f8bdc
```
#7f8bdc rgb(127,139,220)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#7381e8
```
#7381e8 rgb(115,129,232)
```
#6c7def
```
#6c7def rgb(108,125,239)
```
#6678f5
```
#6678f5 rgb(102,120,245)
```
#6073fb
```
#6073fb rgb(96,115,251)
```

Tone Color Variation

Below, you can see how #7986e2 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
#898c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d90e6 Protanopia 1% of men
#6193e0 Deuteranopia 1% of men
#699aa5 Tritanopia 0.001% of the population

Trichromacy

#718ce4 Protanomaly 1% of men, 0.01% of women
#6a8ee1 Deuteranomaly 6% of men, 0.4% of women
#6f93bb Tritanomaly 0.01% of the population

#7986e2 hex color

#7986e2 Color Information

#7986e2 Color Conversion

Color Schemes with #7986e2

Alternatives to #7986e2

#7986e2 Preview

Shades and Tints of #7986e2

Tones of #7986e2

Color Blindness Simulator