#6986fe hex color

In a RGB color space, hex #6986fe is composed of 41.2% red, 52.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 47.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.3 degrees, a saturation of 98.7% and a lightness of 70.4%. #6986fe color hex could be obtained by blending #d2ffff with #000dfd. Closest websafe color is: #6699ff.

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

● #6986fe color description : Soft blue.

The hexadecimal color #6986fe has RGB values of R:105, G:134, B:254 and CMYK values of C:0.59, M:0.47, Y:0, K:0. Its decimal value is 6915838.

Hex triplet	6986fe	`#6986fe`
RGB Decimal	105, 134, 254	`rgb(105,134,254)`
RGB Percent	41.2, 52.5, 99.6	`rgb(41.2%,52.5%,99.6%)`
CMYK	59, 47, 0, 0
HSL	228.3°, 98.7, 70.4	`hsl(228.3,98.7%,70.4%)`
HSV (or HSB)	228.3°, 58.7, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.166, 24.699, -63.053
XYZ	32.236, 27.208, 97.313
xyY	0.206, 0.174, 27.208
CIE-LCH	59.166, 67.718, 291.391
CIE-LUV	59.166, -16.732, -103.028
Hunter-Lab	52.161, 19.035, -74.101
Binary	01101001, 10000110, 11111110

#6986fe
```
#6986fe rgb(105,134,254)
```
#fee169
```
#fee169 rgb(254,225,105)
```

Complementary Color

#69d1fe
```
#69d1fe rgb(105,209,254)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#9769fe
```
#9769fe rgb(151,105,254)
```

Analogous Color

#d1fe69
```
#d1fe69 rgb(209,254,105)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#fe9769
```
#fe9769 rgb(254,151,105)
```

Split Complementary Color

#86fe69
```
#86fe69 rgb(134,254,105)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#fe6986
```
#fe6986 rgb(254,105,134)
```

Triadic Color

#69fee1
```
#69fee1 rgb(105,254,225)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#fe6986
```
#fe6986 rgb(254,105,134)
```
#fee169
```
#fee169 rgb(254,225,105)
```

Tetradic Color

#1d49fd
```
#1d49fd rgb(29,73,253)
```
#365dfe
```
#365dfe rgb(54,93,254)
```
#5072fe
```
#5072fe rgb(80,114,254)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#829afe
```
#829afe rgb(130,154,254)
```
#9caffe
```
#9caffe rgb(156,175,254)
```
#b5c3ff
```
#b5c3ff rgb(181,195,255)
```

Monochromatic Color

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

#69abfe
```
#69abfe rgb(105,171,254)
```
#699ffe
```
#699ffe rgb(105,159,254)
```
#6992fe
```
#6992fe rgb(105,146,254)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#697afe
```
#697afe rgb(105,122,254)
```
#696dfe
```
#696dfe rgb(105,109,254)
```
#7169fe
```
#7169fe rgb(113,105,254)
```

Similar Colors

Text with hexadecimal color #6986fe

This text has a font color of #6986fe.

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

#6986fe background color

This paragraph has a background color of #6986fe.

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

#6986fe border color

This element has a border color of #6986fe.

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

CSS codes

.text {color:#6986fe;}

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

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

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, #000106 is the darkest color, while #f1f4ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#000519
```
#000519 rgb(0,5,25)
```
#00092d
```
#00092d rgb(0,9,45)
```
#000d40
```
#000d40 rgb(0,13,64)
```
#011154
```
#011154 rgb(1,17,84)
```
#011567
```
#011567 rgb(1,21,103)
```
#01197b
```
#01197b rgb(1,25,123)
```
#011c8e
```
#011c8e rgb(1,28,142)
```
#0120a2
```
#0120a2 rgb(1,32,162)
```
#0124b5
```
#0124b5 rgb(1,36,181)
```
#0128c9
```
#0128c9 rgb(1,40,201)
```
#012cdc
```
#012cdc rgb(1,44,220)
```
#0230f0
```
#0230f0 rgb(2,48,240)
```

Shade Color Variation

#0837fd
```
#0837fd rgb(8,55,253)
```
#1b47fd
```
#1b47fd rgb(27,71,253)
```
#2f57fe
```
#2f57fe rgb(47,87,254)
```
#4267fe
```
#4267fe rgb(66,103,254)
```
#5676fe
```
#5676fe rgb(86,118,254)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#7c96fe
```
#7c96fe rgb(124,150,254)
```
#90a5fe
```
#90a5fe rgb(144,165,254)
```
#a3b5fe
```
#a3b5fe rgb(163,181,254)
```
#b7c5ff
```
#b7c5ff rgb(183,197,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dee4ff
```
#dee4ff rgb(222,228,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#afb1b8
```
#afb1b8 rgb(175,177,184)
```
#a9adbe
```
#a9adbe rgb(169,173,190)
```
#a3a9c4
```
#a3a9c4 rgb(163,169,196)
```
#9da6ca
```
#9da6ca rgb(157,166,202)
```
#97a2d0
```
#97a2d0 rgb(151,162,208)
```
#929fd5
```
#929fd5 rgb(146,159,213)
```
#8c9bdb
```
#8c9bdb rgb(140,155,219)
```
#8698e1
```
#8698e1 rgb(134,152,225)
```
#8094e7
```
#8094e7 rgb(128,148,231)
```
#7a91ed
```
#7a91ed rgb(122,145,237)
```
#758df2
```
#758df2 rgb(117,141,242)
```
#6f8af8
```
#6f8af8 rgb(111,138,248)
```
#6986fe
```
#6986fe rgb(105,134,254)
```

Tone Color Variation

Below, you can see how #6986fe 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

#8b8b8b Achromatopsia 0.005% of the population
#848aa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5790ff Protanopia 1% of men
#2296f9 Deuteranopia 1% of men
#3fa0ac Tritanopia 0.001% of the population

Trichromacy

#5d8cfe Protanomaly 1% of men, 0.01% of women
#3c90fb Deuteranomaly 6% of men, 0.4% of women
#4e97ca Tritanomaly 0.01% of the population

#6986fe hex color

#6986fe Color Information

#6986fe Color Conversion

Color Schemes with #6986fe

Alternatives to #6986fe

#6986fe Preview

Shades and Tints of #6986fe

Tones of #6986fe

Color Blindness Simulator