#6986ef hex color

In a RGB color space, hex #6986ef is composed of 41.2% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 227 degrees, a saturation of 80.7% and a lightness of 67.5%. #6986ef color hex could be obtained by blending #d2ffff with #000ddf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 53
- B 94
RGB color chart
- C 56
- M 44
- Y 0
- K 6
CMYK color chart

● #6986ef color description : Soft blue.

The hexadecimal color #6986ef has RGB values of R:105, G:134, B:239 and CMYK values of C:0.56, M:0.44, Y:0, K:0.06. Its decimal value is 6915823.

Hex triplet	6986ef	`#6986ef`
RGB Decimal	105, 134, 239	`rgb(105,134,239)`
RGB Percent	41.2, 52.5, 93.7	`rgb(41.2%,52.5%,93.7%)`
CMYK	56, 44, 0, 6
HSL	227°, 80.7, 67.5	`hsl(227,80.7%,67.5%)`
HSV (or HSB)	227°, 56.1, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.306, 19.875, -56.152
XYZ	29.928, 26.284, 85.153
xyY	0.212, 0.186, 26.284
CIE-LCH	58.306, 59.566, 289.492
CIE-LUV	58.306, -16.451, -91.168
Hunter-Lab	51.268, 14.48, -62.59
Binary	01101001, 10000110, 11101111

#6986ef
```
#6986ef rgb(105,134,239)
```
#efd269
```
#efd269 rgb(239,210,105)
```

Complementary Color

#69c9ef
```
#69c9ef rgb(105,201,239)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#8f69ef
```
#8f69ef rgb(143,105,239)
```

Analogous Color

#c9ef69
```
#c9ef69 rgb(201,239,105)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#ef8f69
```
#ef8f69 rgb(239,143,105)
```

Split Complementary Color

#86ef69
```
#86ef69 rgb(134,239,105)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#ef6986
```
#ef6986 rgb(239,105,134)
```

Triadic Color

#69efd2
```
#69efd2 rgb(105,239,210)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#ef6986
```
#ef6986 rgb(239,105,134)
```
#efd269
```
#efd269 rgb(239,210,105)
```

Tetradic Color

#244ee8
```
#244ee8 rgb(36,78,232)
```
#3b61ea
```
#3b61ea rgb(59,97,234)
```
#5273ed
```
#5273ed rgb(82,115,237)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#8099f1
```
#8099f1 rgb(128,153,241)
```
#97abf4
```
#97abf4 rgb(151,171,244)
```
#aebef6
```
#aebef6 rgb(174,190,246)
```

Monochromatic Color

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

#69a8ef
```
#69a8ef rgb(105,168,239)
```
#699cef
```
#699cef rgb(105,156,239)
```
#6991ef
```
#6991ef rgb(105,145,239)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#697bef
```
#697bef rgb(105,123,239)
```
#6970ef
```
#6970ef rgb(105,112,239)
```
#6e69ef
```
#6e69ef rgb(110,105,239)
```

Similar Colors

Text with hexadecimal color #6986ef

This text has a font color of #6986ef.

<span style="color:#6986ef;">Text here</span>

#6986ef background color

This paragraph has a background color of #6986ef.

<p style="background-color:#6986ef;">Content here</p>

#6986ef border color

This element has a border color of #6986ef.

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

CSS codes

.text {color:#6986ef;}

.background {background-color:#6986ef;}

.border {border:1px solid #6986ef;}

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

#01030a
```
#01030a rgb(1,3,10)
```
#03081b
```
#03081b rgb(3,8,27)
```
#050d2d
```
#050d2d rgb(5,13,45)
```
#07133f
```
#07133f rgb(7,19,63)
```
#091850
```
#091850 rgb(9,24,80)
```
#0a1d62
```
#0a1d62 rgb(10,29,98)
```
#0c2374
```
#0c2374 rgb(12,35,116)
```
#0e2886
```
#0e2886 rgb(14,40,134)
```
#102d97
```
#102d97 rgb(16,45,151)
```
#1233a9
```
#1233a9 rgb(18,51,169)
```
#1438bb
```
#1438bb rgb(20,56,187)
```
#163dcc
```
#163dcc rgb(22,61,204)
```
#1843de
```
#1843de rgb(24,67,222)
```

Shade Color Variation

#224de7
```
#224de7 rgb(34,77,231)
```
#345be9
```
#345be9 rgb(52,91,233)
```
#4669eb
```
#4669eb rgb(70,105,235)
```
#5778ed
```
#5778ed rgb(87,120,237)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#7b94f1
```
#7b94f1 rgb(123,148,241)
```
#8ca3f3
```
#8ca3f3 rgb(140,163,243)
```
#9eb1f5
```
#9eb1f5 rgb(158,177,245)
```
#b0bff7
```
#b0bff7 rgb(176,191,247)
```
#c2cdf8
```
#c2cdf8 rgb(194,205,248)
```
#d3dcfa
```
#d3dcfa rgb(211,220,250)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#a9aaaf
```
#a9aaaf rgb(169,170,175)
```
#a2a7b6
```
#a2a7b6 rgb(162,167,182)
```
#9ca3bc
```
#9ca3bc rgb(156,163,188)
```
#969fc2
```
#969fc2 rgb(150,159,194)
```
#8f9cc9
```
#8f9cc9 rgb(143,156,201)
```
#8998cf
```
#8998cf rgb(137,152,207)
```
#8394d5
```
#8394d5 rgb(131,148,213)
```
#7c91dc
```
#7c91dc rgb(124,145,220)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#6f8ae9
```
#6f8ae9 rgb(111,138,233)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#6382f5
```
#6382f5 rgb(99,130,245)
```
#5c7ffc
```
#5c7ffc rgb(92,127,252)
```

Tone Color Variation

Below, you can see how #6986ef 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
#83889d Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ef2 Protanopia 1% of men
#4793ec Deuteranopia 1% of men
#4c9da8 Tritanopia 0.001% of the population

Trichromacy

#638bf0 Protanomaly 1% of men, 0.01% of women
#538eed Deuteranomaly 6% of men, 0.4% of women
#5694c2 Tritanomaly 0.01% of the population

#6986ef hex color

#6986ef Color Information

#6986ef Color Conversion

Color Schemes with #6986ef

Alternatives to #6986ef

#6986ef Preview

Shades and Tints of #6986ef

Tones of #6986ef

Color Blindness Simulator