#7986f3 hex color

In a RGB color space, hex #7986f3 is composed of 47.5% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 233.6 degrees, a saturation of 83.6% and a lightness of 71.4%. #7986f3 color hex could be obtained by blending #f2ffff with #000de7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 53
- B 95
RGB color chart
- C 50
- M 45
- Y 0
- K 5
CMYK color chart

● #7986f3 color description : Soft blue.

The hexadecimal color #7986f3 has RGB values of R:121, G:134, B:243 and CMYK values of C:0.5, M:0.45, Y:0, K:0.05. Its decimal value is 7964403.

Hex triplet	7986f3	`#7986f3`
RGB Decimal	121, 134, 243	`rgb(121,134,243)`
RGB Percent	47.5, 52.5, 95.3	`rgb(47.5%,52.5%,95.3%)`
CMYK	50, 45, 0, 5
HSL	233.6°, 83.6, 71.4	`hsl(233.6,83.6%,71.4%)`
HSV (or HSB)	233.6°, 50.2, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.512, 24.459, -56.383
XYZ	32.585, 27.585, 88.397
xyY	0.219, 0.186, 27.585
CIE-LCH	59.512, 61.459, 293.451
CIE-LUV	59.512, -11.345, -92.397
Hunter-Lab	52.521, 18.83, -63.023
Binary	01111001, 10000110, 11110011

#7986f3
```
#7986f3 rgb(121,134,243)
```
#f3e679
```
#f3e679 rgb(243,230,121)
```

Complementary Color

#79c3f3
```
#79c3f3 rgb(121,195,243)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#a979f3
```
#a979f3 rgb(169,121,243)
```

Analogous Color

#c3f379
```
#c3f379 rgb(195,243,121)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#f3a979
```
#f3a979 rgb(243,169,121)
```

Split Complementary Color

#86f379
```
#86f379 rgb(134,243,121)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#f37986
```
#f37986 rgb(243,121,134)
```

Triadic Color

#79f3e6
```
#79f3e6 rgb(121,243,230)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#f37986
```
#f37986 rgb(243,121,134)
```
#f3e679
```
#f3e679 rgb(243,230,121)
```

Tetradic Color

#3347ed
```
#3347ed rgb(51,71,237)
```
#4a5cef
```
#4a5cef rgb(74,92,239)
```
#6271f1
```
#6271f1 rgb(98,113,241)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#909bf5
```
#909bf5 rgb(144,155,245)
```
#a8b0f7
```
#a8b0f7 rgb(168,176,247)
```
#bfc5f9
```
#bfc5f9 rgb(191,197,249)
```

Monochromatic Color

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

#79a5f3
```
#79a5f3 rgb(121,165,243)
```
#799af3
```
#799af3 rgb(121,154,243)
```
#7990f3
```
#7990f3 rgb(121,144,243)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#797cf3
```
#797cf3 rgb(121,124,243)
```
#8079f3
```
#8079f3 rgb(128,121,243)
```
#8b79f3
```
#8b79f3 rgb(139,121,243)
```

Similar Colors

Text with hexadecimal color #7986f3

This text has a font color of #7986f3.

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

#7986f3 background color

This paragraph has a background color of #7986f3.

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

#7986f3 border color

This element has a border color of #7986f3.

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

CSS codes

.text {color:#7986f3;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#03051c
```
#03051c rgb(3,5,28)
```
#04092e
```
#04092e rgb(4,9,46)
```
#060c40
```
#060c40 rgb(6,12,64)
```
#070f52
```
#070f52 rgb(7,15,82)
```
#091364
```
#091364 rgb(9,19,100)
```
#0b1676
```
#0b1676 rgb(11,22,118)
```
#0c1988
```
#0c1988 rgb(12,25,136)
```
#0e1d9a
```
#0e1d9a rgb(14,29,154)
```
#0f20ac
```
#0f20ac rgb(15,32,172)
```
#1123be
```
#1123be rgb(17,35,190)
```
#1327d0
```
#1327d0 rgb(19,39,208)
```
#142ae2
```
#142ae2 rgb(20,42,226)
```

Shade Color Variation

#1f35eb
```
#1f35eb rgb(31,53,235)
```
#3145ed
```
#3145ed rgb(49,69,237)
```
#4355ee
```
#4355ee rgb(67,85,238)
```
#5565f0
```
#5565f0 rgb(85,101,240)
```
#6776f1
```
#6776f1 rgb(103,118,241)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#8b96f5
```
#8b96f5 rgb(139,150,245)
```
#9da7f6
```
#9da7f6 rgb(157,167,246)
```
#afb7f8
```
#afb7f8 rgb(175,183,248)
```
#c1c7f9
```
#c1c7f9 rgb(193,199,249)
```
#d3d7fb
```
#d3d7fb rgb(211,215,251)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#b1b2bb
```
#b1b2bb rgb(177,178,187)
```
#acaec0
```
#acaec0 rgb(172,174,192)
```
#a6a9c6
```
#a6a9c6 rgb(166,169,198)
```
#a0a5cc
```
#a0a5cc rgb(160,165,204)
```
#9ba1d1
```
#9ba1d1 rgb(155,161,209)
```
#959cd7
```
#959cd7 rgb(149,156,215)
```
#8f98dd
```
#8f98dd rgb(143,152,221)
```
#8a93e2
```
#8a93e2 rgb(138,147,226)
```
#848fe8
```
#848fe8 rgb(132,143,232)
```
#7f8aed
```
#7f8aed rgb(127,138,237)
```
#7986f3
```
#7986f3 rgb(121,134,243)
```
#7382f9
```
#7382f9 rgb(115,130,249)
```
#6e7dfe
```
#6e7dfe rgb(110,125,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8b8da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6191f8 Protanopia 1% of men
#4e96ef Deuteranopia 1% of men
#619ea9 Tritanopia 0.001% of the population

Trichromacy

#6a8df6 Protanomaly 1% of men, 0.01% of women
#5d90f0 Deuteranomaly 6% of men, 0.4% of women
#6a95c4 Tritanomaly 0.01% of the population

#7986f3 hex color

#7986f3 Color Information

#7986f3 Color Conversion

Color Schemes with #7986f3

Alternatives to #7986f3

#7986f3 Preview

Shades and Tints of #7986f3

Tones of #7986f3

Color Blindness Simulator